当前位置:学学看123知识中心电脑教学网页设计通过location.replace禁止浏览器后退按钮方法» 正文

通过location.replace禁止浏览器后退按钮方法

[06-11 19:37:18]   来源:http://www.xxk123.com  网页设计   阅读:8861

导读: 在网页设计中,可能由于某种需求,需要禁止浏览器的后退按钮,特别是一些对用户操作比较严格的网站,如果用户重复提交事件,然后又后退,这样可能会对某些数据产生灾难性的问题。所以今天就向大家介绍一种通过location.replace禁止浏览器后退按钮的方法。 这种方法的原理是,用新页面的URL替换当前的历史纪录,这样浏览历史记录中就只有一个页面,后退按钮永远处于失效状态,用户也就无法进行后退了。具体的使用方法如下所示: ①比如现在我要做一个超链接,这个链接链到页面htmer.htm,代码如下: <a href="#" onclick="location.replace('htmer.htm')">链接</a> ②如果是使用按钮进行超链接,则同样链接到页面htmer.htm的代码如下: <input type="button" value="提交" onclick="location.replace(&

通过location.replace禁止浏览器后退按钮方法,标签:网页设计教程,网页设计知识,http://www.xxk123.com

    在网页设计中,可能由于某种需求,需要禁止浏览器的后退按钮,特别是一些对用户操作比较严格的网站,如果用户重复提交事件,然后又后退,这样可能会对某些数据产生灾难性的问题。所以今天就向大家介绍一种通过location.replace禁止浏览器后退按钮的方法。

    这种方法的原理是,用新页面的URL替换当前的历史纪录,这样浏览历史记录中就只有一个页面,后退按钮永远处于失效状态,用户也就无法进行后退了。具体的使用方法如下所示:

    ①比如现在我要做一个超链接,这个链接链到页面htmer.htm,代码如下:
    <a href="#" onclick="location.replace('htmer.htm')">链接</a>

    ②如果是使用按钮进行超链接,则同样链接到页面htmer.htm的代码如下:
    <input type="button" value="提交" onclick="location.replace('htmer.htm')">


Tag:网页设计网页设计教程,网页设计知识电脑教学 - 网页设计

Copyright 学学看123 All Right Reserved.

1 2 3 4 5 6 7 8 9 10