在網(wǎng)頁(yè)設(shè)計(jì)中，可能由于某種需求，需要禁止瀏覽器的后退按鈕，特別是一些對(duì)用戶操作比較嚴(yán)格的網(wǎng)站，如果用戶重復(fù)提交事件，然后又后退，這樣可能會(huì)對(duì)某些數(shù)據(jù)產(chǎn)生災(zāi)難性的問題。所以今天就向大家介紹一種通過location.replace禁止瀏覽器后退按鈕的方法。

這種方法的原理是，用新頁(yè)面的URL替換當(dāng)前的歷史紀(jì)錄，這樣瀏覽歷史記錄中就只有一個(gè)頁(yè)面，后退按鈕永遠(yuǎn)處于失效狀態(tài)，用戶也就無法進(jìn)行后退了。具體的使用方法如下所示：

①比如現(xiàn)在我要做一個(gè)超鏈接，這個(gè)鏈接鏈到頁(yè)面htmer.htm，代碼如下：

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

②如果是使用按鈕進(jìn)行超鏈接，則同樣鏈接到頁(yè)面htmer.htm的代碼如下：

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

相關(guān)文章

JS異步的執(zhí)行順序分析
這篇文章介紹了JS異步的執(zhí)行順序，文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2022-06-06
JavaScript接口的實(shí)現(xiàn)三種方式(推薦)
這篇文章主要介紹了JavaScript接口的實(shí)現(xiàn)三種方式，有注釋法，檢查屬性法和鴨式辨行法，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起學(xué)習(xí)吧
2016-06-06
微信小程序 wepy框架與iview-weapp的用法詳解
這篇文章主要介紹了微信小程序 wepy框架與iview-weapp的用法,非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2019-04-04
javascript 實(shí)現(xiàn)鍵盤上下左右功能的小例子
這篇文章介紹了javascript 實(shí)現(xiàn)鍵盤上下左右功能的小例子，有需要的朋友可以參考一下
2013-09-09
Bootstrap4如何定制自己的顏色和風(fēng)格
這篇文章主要介紹了Bootstrap4如何定制自己的顏色和風(fēng)格，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-02-02
基于JavaScript實(shí)現(xiàn)簡(jiǎn)易計(jì)算器
這篇文章主要為大家詳細(xì)介紹了基于JavaScript實(shí)現(xiàn)簡(jiǎn)易計(jì)算器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-06-06
js修改table中Td的值(定義td的單擊事件)
單擊事件，將Td內(nèi)容更新為一個(gè)Div，其中裝載了一個(gè)Text，用于用戶輸入新的Td的值，一個(gè)確定按鈕，一個(gè)取消按鈕，用于保存或取消用戶的輸入內(nèi)容
2013-01-01
如何防止INPUT按回車自動(dòng)提交表單FORM
為了防止INPUT按回車form自動(dòng)提交，可以以下兩種方法：增加一個(gè)隱藏的input。為input增加一個(gè)按鍵事件來阻止form提交。具體詳情可以參考下本文
2016-12-12
如何用js判斷dom是否有存在某class的值
本文主要介紹了如何用javascript判斷dom是否有存在某class的值。具有很好的參考價(jià)值，下面跟著小編一起來看下吧
2017-02-02
JavaScript中常用的驗(yàn)證reg
js驗(yàn)證實(shí)用性非常高，用途非常廣泛，用于校驗(yàn)ip地址的格式等操作，本文給大家介紹JavaScript中常用的驗(yàn)證reg，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起看看吧
2016-10-10