JavaScript禁止页面回退的方法

2次阅读

共计 820 个字符,预计需要花费 3 分钟才能阅读完成。

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>
整理了一些项目实战的学习视频,好友都会在里面交流,分享一些学习的方法和需要注意的小细节,每天也会准时的讲一些前端的炫酷特效,及前端直播课程学习。【731771211】

正文完
 0