JavaScript 跳转 HTML 页面方法：直接跳转：window.location.href = “new_page.html”;相对路径跳转：window.location.href += “/new_page.html”;使用 pushState() 跳转：window.history.pushState(“”, “”, “new_page.html”);
如何使用 JavaScript 跳转 HTML 页面
直接跳转：
window.location.href = "new_page.html";
登录后复制
相对路径跳转：
window.location.href += "/new_page.html";
登录后复制
使用 pushState() 跳转：
立即学习“前端免费学习笔记（深入）”；
window.history.pushState("", "", "new_page.html");
登录后复制登录后复制
详细信息：
直接跳转：
直接使用 window.location.href 可以直接跳转到指定 URL。这是最简单的方法，但要注意的是它会加载一个新的完整页面。
相对路径跳转：
相对路径跳转可以相对当前页面跳转到指定 URL。例如，如果您当前在 index.html 页面，并且想跳转到 about.html 页面，可以使用：
window.location.href += "/about.html";
登录后复制
使用 pushState() 跳转：
立即学习“前端免费学习笔记（深入）”；
pushState() 方法允许您在不加载新页面的情况下更改 URL。这在需要更新页面而无需重新加载时很有用。
window.history.pushState("", "", "new_page.html");
登录后复制登录后复制
此方法将 URL 更改为 “new_page.html”，但不会加载新页面。如果需要恢复到原始页面，可以使用 window.history.back()。
以上就是html如何跳转到js的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2656136.html
