通过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')">

相关文章

  • 前端面试运行npm run xxx发生过程原理解析

    前端面试运行npm run xxx发生过程原理解析

    这篇文章主要为大家介绍了前端面试运行npm run xxx过程原理解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-07-07
  • JS中Safari浏览器中的Date

    JS中Safari浏览器中的Date

    在js中处理Date时,发现Safari和其他浏览器的支持方式不一致。下面通过本文给大家分享js中Safari浏览器中的Date,感兴趣的朋友一起学习吧
    2017-07-07
  • 如何利用ES6进行Promise封装总结

    如何利用ES6进行Promise封装总结

    这篇文章主要介绍了如何利用ES6进行Promise封装总结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-02-02
  • JS克隆,属性,数组,对象,函数实例分析

    JS克隆,属性,数组,对象,函数实例分析

    这篇文章主要介绍了JS克隆,属性,数组,对象,函数,结合实例形式分析了javascript中面向对象程序设计相关的对象、属性、函数及数组等相关技巧,需要的朋友可以参考下
    2016-11-11
  • JavaScript实现文字与图片拖拽效果的方法

    JavaScript实现文字与图片拖拽效果的方法

    这篇文章主要介绍了JavaScript实现文字与图片拖拽效果的方法,涉及javascript操作文字与图片的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-02-02
  • ionic实现滑动的三种方式

    ionic实现滑动的三种方式

    这篇文章主要为大家详细介绍了ionic实现滑动的三种方式,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • IE中图片的onload事件无效问题和解决方法

    IE中图片的onload事件无效问题和解决方法

    这篇文章主要介绍了IE中图片的onload事件无效问题和解决方法,这是一个很经典的问题,其实只需要调换一下代码顺序即可解决,需要的朋友可以参考下
    2014-06-06
  • 基于滚动条位置判断的简单实例

    基于滚动条位置判断的简单实例

    下面小编就为大家分享一篇基于滚动条位置判断的简单实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2017-12-12
  • 微信小程序获取用户openid的实现

    微信小程序获取用户openid的实现

    这篇文章主要介绍了微信小程序获取用户openid的实现,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-12-12
  • javascript中的相等操作符(==与===区别)

    javascript中的相等操作符(==与===区别)

    这篇文章主要介绍了javascript中的相等操作符(==与===区别),需要的朋友可以参考下
    2019-12-12

最新评论