js禁止浏览器页面后退功能

猿天地 2017-05-31 18:32

做退出登录的功能时，往往都是退出了就跳到登录页面。

如果这个时候点击浏览器的回退按钮，还是可以回到之前的页面。

如果你这个时候在点击其他的菜单，当然是会被拦截的，因为session清空了。

但是业务需求是不让用户回退到之前的页面，既然已经退出了，那就回不去了。

网上有很多种解决方案，什么禁用页面缓存啊等等。

我觉得最直接的办法就是在登录页面做判断

如果是在登录页面，就直接禁止往后退的功能。

因为退出登录是直接跳到登录页面的，所以这个控制是最简单直接的。

<script>

$(function(){

if(window.location.href.indexOf("/login") > -1) {

//防止页面后退

history.pushState(null, null, document.URL);

window.addEventListener('popstate', function () {

history.pushState(null, null, document.URL);

});

}

});

</script>