通过location.replace禁止浏览器后退防止重复提交

 更新时间:2014年09月04日 15:40:33   投稿:whsnow  
如果用户重复提交事件,然后又后退,这样可能会对某些数据产生灾难性的问题。所以今天就向大家介绍一种通过location.replace禁止浏览器后退按钮的方法

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

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

①比如现在我要做一个超链接,这个链接链到页面htmer.htm,代码如下:

<a href="#" onclick="location.replace('htmer.htm')">链接</a>

②如果是使用按钮进行超链接,则同样链接到页面htmer.htm的代码如下:

<input type="button" value="提交" onclick="location.replace('htmer.htm')">

相关文章

  • JS异步的执行顺序分析

    JS异步的执行顺序分析

    这篇文章介绍了JS异步的执行顺序,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-06-06
  • JavaScript接口的实现三种方式(推荐)

    JavaScript接口的实现三种方式(推荐)

    这篇文章主要介绍了JavaScript接口的实现三种方式,有注释法,检查属性法和鸭式辨行法,非常不错,具有参考借鉴价值,感兴趣的朋友一起学习吧
    2016-06-06
  • 微信小程序 wepy框架与iview-weapp的用法详解

    微信小程序 wepy框架与iview-weapp的用法详解

    这篇文章主要介绍了微信小程序 wepy框架与iview-weapp的用法,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-04-04
  • javascript 实现键盘上下左右功能的小例子

    javascript 实现键盘上下左右功能的小例子

    这篇文章介绍了javascript 实现键盘上下左右功能的小例子,有需要的朋友可以参考一下
    2013-09-09
  • Bootstrap4如何定制自己的颜色和风格

    Bootstrap4如何定制自己的颜色和风格

    这篇文章主要介绍了Bootstrap4如何定制自己的颜色和风格,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-02-02
  • 基于JavaScript实现简易计算器

    基于JavaScript实现简易计算器

    这篇文章主要为大家详细介绍了基于JavaScript实现简易计算器,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-06-06
  • js修改table中Td的值(定义td的单击事件)

    js修改table中Td的值(定义td的单击事件)

    单击事件,将Td内容更新为一个Div,其中装载了一个Text,用于用户输入新的Td的值,一个确定按钮,一个取消按钮,用于保存或取消用户的输入内容
    2013-01-01
  • 如何防止INPUT按回车自动提交表单FORM

    如何防止INPUT按回车自动提交表单FORM

    为了防止INPUT按回车form自动提交,可以以下两种方法:增加一个隐藏的input。为input增加一个按键事件来阻止form提交。具体详情可以参考下本文
    2016-12-12
  • 如何用js判断dom是否有存在某class的值

    如何用js判断dom是否有存在某class的值

    本文主要介绍了如何用javascript判断dom是否有存在某class的值。具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • JavaScript中常用的验证reg

    JavaScript中常用的验证reg

    js验证实用性非常高,用途非常广泛,用于校验ip地址的格式等操作,本文给大家介绍JavaScript中常用的验证reg,非常不错,具有参考借鉴价值,感兴趣的朋友一起看看吧
    2016-10-10

最新评论