如何在浏览器中禁用后退button使用JavaScript
要禁用网站的后退button
每当用户点击浏览器后退button,就不能进入他以前访问过的页面。
你不能,而你不应该。
所有其他方法/select只会导致真正糟糕的用户参与。
这是我的意见。
history.pushState(null, null, document.title); window.addEventListener('popstate', function () { history.pushState(null, null, document.title); });
该脚本将覆盖尝试与当前页面的状态来回导航。
更新:
一些用户报告使用document.URL
代替document.title
会有更好的成功:
history.pushState(null, null, document.URL); window.addEventListener('popstate', function () { history.pushState(null, null, document.URL); });
一个不能禁用浏览器后退buttonfunction只有可以做的事情是阻止他们。
下面的JavaScript代码需要放置在不希望用户使用后退button访问的页面的头部部分:
<script> function preventBack(){window.history.forward();} setTimeout("preventBack()", 0); window.onunload=function(){null}; </script>
假设有两页Page1.php
和Page2.php
, Page1.php
redirect到Page2.php
。
因此,为了防止用户使用后退button访问Page1.php
您需要将上面的脚本放置在Page1.php
的头部分。
欲了解更多信息: 参考
我们的方法很简单,但工作! 🙂
当用户点击我们的LogOutbutton时,我们只需打开login页面(或任何页面)并closures我们的页面…模拟在新的浏览器窗口中打开,无需返回历史logging。
<input id="btnLogout" onclick="logOut()" class="btn btn-sm btn-warning" value="Logout" type="button"/> <script> function logOut() { window.close = function () { window.open('Default.aspx', '_blank'); }; } </script>