html网站的介绍页面

时间:2012-07-19 06:01:13

标签: html

我在“head”标签之间创建了一个html页面,其中包含以下代码:

meta http-equiv="Refresh" content="5; url= contacts.html"

现在,当上述代码添加到网页时,它等待5秒钟并移动contacts.html页面。如果您按浏览器上的“后退”按钮,浏览器将转到上一页,即“介绍页面”或我输入上述代码的页面。

但我需要阻止这种情况发生(当按下浏览器上的“后退”按钮时返回到介绍页面)。有可能这样做吗?如果可能,那怎么样? O_O

1 个答案:

答案 0 :(得分:0)

您可以使用javascript来执行此操作,但JavaScript并非万无一失,因为有人可能会关闭他们的JavaScript并绕过您的机制。

将此内容添加到您的内容中,并将onload="preventHistoryBack()"添加到content.html中的-tag:

<script type="text/javascript">
    function preventHistoryBack() {
        for(var i = 0; i < window.history.length; i++) {
            window.history.back(i) = window.location;
        }
    }
</script>

<body onload="preventHistoryBack()">

这将用您当前的位置替换浏览器的完整历史记录。因此,当用户点击后退按钮时,它将转到与他现在相同的页面。