在HTML文件中CSS文件与JS文件如何引用

一、引用外部 CSS 文件

关键属性说明：

rel="stylesheet"：固定值，表明当前链接的是样式表文件。

href： 指定 CSS 文件的路径（必填），支持相对路径或绝对路径。

二、引用外部 JS 文件

关键属性说明：

src：指定 JS 文件的路径（必填），支持相对路径或绝对路径（同 CSS 的路径规则）。

defer（可选）：脚本会并行下载，但会在 HTML 解析完成后按顺序执行（适合依赖 DOM 或有顺序要求的脚本）。

async（可选）：脚本会并行下载，下载完成后立即执行（不保证顺序，适合独立脚本，如统计代码）。

注意事项：

CSS 的 标签必须放在 中，否则可能导致页面短暂 “无样式”。

JS 的

方式 1 通过 标签的 href 属性直接指定目标页面路径，是 HTML 原生的跳转方式，简单高效。

方式 2 通过按钮的 onclick 事件触发 JavaScript 函数，利用 window.location.href 改变当前页面的 URL，实现跳转（适合需要在跳转前添加额外逻辑的场景，比如验证）。