用 标签跳转同目录HTML文件只需写文件名如关于我们；子目录用pages/contact.html；避免./、file://、反斜杠及大小写错误；JS跳转用window.location.href或replace()，注意执行时机；排查优先看Network面板。
用 <a></a> 标签跳转到同目录下另一个 HTML 文件
只要目标文件在当前 HTML 所在的同一目录里，直接写文件名就行，浏览器会自动拼路径。比如当前是 index.html，想跳到 about.html，就这么写：
<a href="about.html">关于我们</a>
常见错误是加多余的 ./ 或 file:// —— 大多数情况下不需要，加了反而可能在某些本地环境（比如双击打开）出问题。如果页面部署在服务器上（如 Nginx、Vercel），只用相对路径最稳。
跳转到子目录里的 HTML 文件（比如 pages/contact.html）
路径要写对，不能靠猜。假设当前 HTML 在网站根目录，目标在 pages/ 子目录下，就用：
<a href="pages/contact.html">联系我</a>
容易踩的坑：
立即学习“前端免费学习笔记（深入）”；
-
pages/contact.html和/pages/contact.html不一样：前者是相对路径，后者是绝对路径（从域名根开始），部署时若不在根目录会 404 - 大小写敏感：Linux 服务器上
Contact.html≠contact.html，开发时最好统一小写 - 别用 Windows 风格反斜杠：
pages\contact.html是无效的
用 JavaScript 的 window.location.href 跳转
适合需要逻辑判断后再跳转的场景，比如表单提交后跳转、权限检查通过后跳转。语法简单，但要注意执行时机：
window.location.href = "help.html";
关键点：
- 路径规则和
<a></a>一样，支持相对路径、绝对路径、完整 URL - 别在 DOM 加载前执行，否则可能被浏览器忽略；稳妥写法是包在
DOMContentLoaded里，或放到底部 - 如果想“替换当前页面”而不是新增历史记录（避免用户点返回回到空白页），用
window.location.replace("help.html")
跳转失败的典型错误信息和排查方向
浏览器控制台没报错，但点链接没反应？常见原因有：
-
net::ERR_FILE_NOT_FOUND：文件名拼错、大小写不对、没放在正确目录下——直接在文件管理器里确认路径 - 点击无反应：检查是否被 CSS 的
pointer-events: none拦截，或者 JS 里写了event.preventDefault()却没后续逻辑 - 跳转后显示源码或下载：服务器没配好 MIME 类型，HTML 文件被当成纯文本返回（常见于自己搭的 Python
http.server，它默认不设Content-Type: text/html） - 本地双击打开时跨域限制：Chrome 对
file://协议很严格，AJAX 或某些 API 会失败，但普通<a></a>跳转不受影响
路径问题永远比代码逻辑更常导致跳转失败。打开开发者工具的 Network 面板，点链接看请求地址和状态码，比猜快得多。
