关于我们；子目录用pages/contact.html；避免./、file://、反斜杠及大小写错误；JS跳转用window.location.href或replace()，注意执行时机；排查优先看Network面板。
用
标签跳转到同目录下另一个 HTML 文件
只要目标文件在当前 HTML 所在的同一目录里，直接写文件名就行，浏览器会自动拼路径。比如当前是
index.html
，想跳到
about.html
，就这么写：
常见错误是加多余的
./
或
file://
—— 大多数情况下不需要，加了反而可能在某些本地环境（比如双击打开）出问题。如果页面部署在服务器上（如 Nginx、Vercel），只用相对路径最稳。
跳转到子目录里的 HTML 文件（比如
pages/contact.html
）
路径要写对，不能靠猜。假设当前 HTML 在网站根目录，目标在
pages/
子目录下，就用：
联系我
容易踩的坑：
立即学习
“
前端免费学习笔记（深入）
”；
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
下载
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";
关键点：
路径规则和
一样，支持相对路径、绝对路径、完整 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 会失败，但普通
跳转不受影响
路径问题永远比代码逻辑更常导致跳转失败。打开开发者工具的 Network 面板，点链接看请求地址和状态码，比猜快得多。
