最直接方式是用跳转同目录html文件；路径需准确，区分大小写；可拼接query参数传递简单信息；动态跳转可用window.location.href；404多因路径错误，应通过network面板验证请求url。
用 <a></a>
href 下，路径就得是 about.html
<a href="about.html">关于我</a>：比如当前在 pages/，要跳到根目录的 <a href="pages/about.html">关于我</a>，就写 ../
注意：路径区分大小写，pages/index.html 和 contact.html 在 Linux 或 macOS 服务器上是两个不同文件。
跳转时保留或传递参数（query string）
HTML 页面之间不能直接传变量，但可以通过 URL 参数“捎带”简单信息，比如 ID、分类、来源标记等。
- 手动拼接：从
<a href="../contact.html">联系我</a>跳到About.html，写成about.html -
list.html是 HTML 实体，不是detail.html?id=123&from=list，否则解析会出错；实际渲染后 URL 中显示为<a href="detail.html?id=123&from=list">查看详情</a> - 目标页用 JavaScript 读取：
&，注意浏览器兼容性（IE 不支持）
别指望靠这个传对象或长文本——URL 长度有限，且参数明文可见。
用 JavaScript 的 & 跳转
适合需要动态计算路径、加逻辑判断、或响应按钮点击等非链接场景。
斯摩派(smapie)企业建站程序
下载
一个让ASP程序轻松做最少的代码编写量，一般企业所需要的功能都有，参数设置，数据库管理，文件管理，数据初始化，生成HTML页面（这是为了某些客户需要静态页面的需求），页面管理（这里是为了网站中某些单页面需求而开发的，这里你在前台只要用sub_c.article(2) 这个2是这里的id号，也可以是在比如index.asp?id=2 是一样的效果）公告管理，友情链接，信息发布（这里有分类，分类是无限
立即学习“前端免费学习笔记（深入）”；
- 基础写法：
& - 带参数示例：
new URLSearchParams(window.location.search).get('id')（注意 XSS 风险，若window.location.href来自用户输入，得先转义或校验） - 和
window.location.href = "help.html";的区别：它不经过浏览器历史栈的“自然点击”流程，某些 SPA 框架或拦截逻辑可能不触发；但普通静态页完全没问题
别用 window.location.href = "result.html?score=" + score; 除非真要新开窗口——多数情况它会被弹窗拦截器挡住，体验反而差。
常见 404 错误和路径陷阱
跳转失败，八成是路径错了，而不是代码语法问题。
- 开发时用 VS Code 等编辑器右键“Copy Relative Path”，粘贴进
score最稳；别靠脑子记层级 - 服务器部署后路径可能变：本地双击打开
<a></a>协议下相对路径行为和 HTTP 服务不同，务必用本地服务器（如window.open()）测试 - 检查浏览器开发者工具 Network 标签页，看请求的 URL 是什么、状态码是不是 404，再反推路径漏了哪级
href或拼错了文件名 - Windows 下文件资源管理器默认隐藏扩展名，容易误以为是
file://，其实是python3 -m http.server——确认文件真实后缀
路径问题没有银弹，唯一靠谱的做法是：每次改完立刻点一下，看 Network 里发出去的请求对不对。其他都是猜。
