如何使用 JavaScript 跳转 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()。

标签： JS

赏

选择打赏方式

微信 支付宝 QQ钱包

打赏

打赏

打赏