js防止页面后退(兼容ie8)

笑到世界都狼狈

已于 2022-11-14 19:50:35 修改

阅读量1.1k

点赞数 2

分类专栏： ie8相关问题文章标签： js/jq 防止页面后退

于 2019-06-16 12:26:29 首次发布

ie8相关问题专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种在现代浏览器及IE8上禁用页面后退功能的方法，通过使用history.pushState实现跨浏览器兼容，确保用户无法使用浏览器的后退按钮返回到前一页面。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

有的时候项目中会遇到禁止页面后退的操作，在网上查到了方法，但是不兼容ie8，后来同组的小伙伴找到了一个方法，很好用，所以先记载下来，方便以后在用

if(window.history&&window.history.pushState){
        //其他浏览器
        history.pushState(null, null, document.URL);
        window.addEventListener('popstate', function () {
            history.pushState(null, null, document.URL);
        });
    }else{
        //ie8
        window.location.hash="no-back-button";
        window.location.hash="Again-No-back-button";//again because google chrome don't insert first hash into history
        window.location.hash="Again-No-back-button";
        window.onhashchange=function(){window.location.hash="no-back-button";}
        window.setTimeout(function(){window.location.hash="Again-No-back-button";},1000);
    }