js实现禁止浏览器后退操作的方法

更新时间:2021-07-21 19:16

图片[1] - js实现禁止浏览器后退操作的方法 - 尘心网

今天在写一个功能需求时,发现页面执行完成后,如果浏览器后退一步再次请求,会产生两次执行效果。为了避免这种事的发现,就想到了用js脚本代码来禁止浏览器的后退操作。

试了网上不少的js禁止浏览器后退的代码,发现只有下面的一种效果还是可以的。

代码如下:

<script language="javascript">
    history.pushState(null, null, document.URL);
    window.addEventListener('popstate', function () {
        history.pushState(null, null, document.URL);
    });
</script>

文档下载:js实现禁止浏览器后退操作的方法.doc文档

THE END
喜欢就支持一下吧