JavaScript禁止页面回退的方法步骤
作者:程序员阿宇
这篇文章主要为大家介绍了JavaScript禁止页面回退的方法步骤,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
1.可以消除 后退的所有动作
包括 键盘、鼠标手势等产生的后退动作。
<script language="javascript"> //防止页面后退 history.pushState(null, null, document.URL); window.addEventListener('popstate', function () { history.pushState(null, null, document.URL); }); </script>
2.禁止浏览器点击后退按钮
系统登录退出后,跳转到登录页面,登录页面点击浏览器后退按钮,页面后退到之前登录的页面。在退出登录后,禁止浏览器点击后退按钮,进行页面回退;
window.location.hash="no-back"; window.location.hash="Again-No-back-button"; window.onhashchange=function(){window.location.hash="no-back";}
3.系统中嵌入iframe
映入其他页面。当session失效时,点击导航后,由于后台做了登录拦截,此时iframe中就会嵌入登录页面;当session失效时,希望系统可以跳转到登录页面中;
/** * [loadTopWindow 判断是否有顶层窗口,登录超时跳转] * @return {[type]} [description] */ function loadTopWindow() { if (window.top != null && window.top.document.URL != document.URL){ window.top.location = document.URL; } } <body onload="loadTopWindow()"></body>
以上就是JavaScript禁止页面回退的方法步骤的详细内容,更多关于JavaScript禁止页面回退的资料请关注脚本之家其它相关文章!