禁止浏览器后退的一种实现方法，在IE, Firefox, Safari, Chrom 和 Opera上测试通过

最新推荐文章于 2024-06-23 04:15:59 发布

原创最新推荐文章于 2024-06-23 04:15:59 发布 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#浏览器

Html and Javascript 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种在网页上禁用浏览器后退按钮的方法，通过JavaScript实现自动前进，防止用户返回前一页。该方法适用于Firefox等浏览器。

最近的项目中，收到客户的需求，要求浏览器禁止后退，搜索了一下，发现在Firefox上的实现需要特别注意，firefox的缓存机制使的通过后退按钮到达的页面不会自动执行默认的JavaScript.

基本思路如下：客户从页面B到达页面C，在页面C按回退键回退到页面B时，页面B上的Javascript使浏览器自动前进。

以下是实现代码：

a.html

<html>

<body>

<h1>A Heading</h1>

<p>Webpage A</p>

<a href="b.html">Link to B</a>

</body>
</html>

b.html

<html>
<head>
    <script type="text/javascript">

        function noBack() {
            window.history.forward();
           setTimeout("noBack()", 500);
       }
       noBack();

       window.onload=noBack;

       window.onpageshow=function(evt) {
            if (evt.persisted) noBack();
       }

       window.onunload=function() {
            void(0);
       }

    </script>
</head>

<body>

<h1>B Heading</h1>

<p>Webpage B</p>

<a href="c.html">Link to C</a>

</body>
</html>