Question

我想禁用浏览器的后退和前端按钮。我尝试使用以下代码，并使用onload作为div标签，div标签ID为 order 。

<script type="text/javascript">
   $(document).ready(function() {
       var back= noback();
         $("#order").load("back");
         function noback() {
        window.history.forward(-1);
        alert('backbtn');
      }
  setTimeout("noback()", 0);    
  alert('loading');
});
</script>

当我测试时，警报backbtn工作正常但我可以导航到后页。请帮我解决如何禁用这些按钮的问题。

Answer 1

这不是一个禁用浏览器后退按钮的好方法，而是应该添加代码来处理用户点击后退按钮时会发生什么的功能。

接近可能是将此脚本放在页面的head部分，以便不允许用户再次访问该页面

<script>
  function restrictback(){window.history.forward();}
  setTimeout("restrictback()", 0);
  window.onunload=function(){null};
</script>

Answer 2

<SCRIPT type="text/javascript">
    window.history.forward();
    function noBack() { window.history.forward(); }
</SCRIPT>
</HEAD>
<BODY onload="noBack();"
    onpageshow="if (event.persisted) noBack();" onunload="">

如何禁用浏览器的后退和前端按钮？

2 个答案: