如何使用 JavaScript 禁用浏览器的后退按钮?

javascriptobject oriented programmingfront end technology

要禁用 Web 浏览器的后退按钮,请尝试运行以下代码。这是当前 HTML 页面的代码,

示例

<html>
   <head>
      <title>禁用浏览器后退按钮</title>
      <script src = "http://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
      <script src = "http://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
   </head>
   
   <body>
      <a href = "newpage.html">下一页</a>
   </body>
   <script>
      $(document).ready(function() {
         function disablePrev() { window.history.forward() }
         window.onload = disablePrev();
         window.onpageshow = function(evt) { if (evt.persisted) disableBack() }
      });
   </script>
</html>

以下是 newpage 的代码。html,

<html>
   <body>
      Go to back page using web browser back button.
   </body>
</html>a

相关文章