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

178 阅读 0 评论 118 点赞

我是靠谱客的博主单纯萝莉，最近开发中收集的这篇文章主要介绍通过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')">

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。