欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

阻止页面回退

程序员文章站 2022-06-30 12:10:39
1.使用场景: 系统登录退出后,跳转到登录页面,登录页面点击浏览器后退按钮,页面后退到之前登录的页面。在退出登录后,禁止浏览器点击后退按钮,进行页面回退; 2.使用场景: 系统中嵌入iframe,映入其他页面。当session失效时,点击导航后,由于后台做了登录拦截,此时iframe中就会嵌入登录页 ......

1.使用场景:

  系统登录退出后,跳转到登录页面,登录页面点击浏览器后退按钮,页面后退到之前登录的页面。在退出登录后,禁止浏览器点击后退按钮,进行页面回退;

window.location.hash="no-back";
window.location.hash="again-no-back-button";
window.onhashchange=function(){window.location.hash="no-back";}

2.使用场景:

  系统中嵌入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>