时间戳

首页 > 解决方案 > 试图禁用浏览器的后退按钮

javascript - 试图禁用浏览器的后退按钮

问题描述

我写了两个 HTML 文件：

  1. 登录.html <a href = "Home.html">Next Page</a>
  2. 主页.html`

<html>
   <body>
      <a href = >Login.html>>Prev Page</a>
   </body>
<script type = "text/javascript" >

	history.pushState("anything", "", "#1");
    	window.onhashchange = function (event) {
       		window.location.hash = "a";
    	};
</script>
</html>

` 我正在尝试禁用浏览器的后退按钮。如果我在 chrome 上执行此代码，它不会禁用后退按钮，但如果我history.state在 Home.html 页面的控制台中运行命令，然后单击后退按钮，那么它会保留在同一页面上（按预期工作）。为什么这样？

标签： javascripthtml5-history

解决方案

FOA，谢谢大家的回答。

最后下面的代码给了我解决方案：

history.pushState(null, null, window.location.href);
history.back();
window.onpopstate = () => history.forward();

推荐阅读