通過location.replace禁止瀏覽器后退防止重復(fù)提交
更新時間：2014年09月04日 15:40:33 投稿：whsnow
如果用戶重復(fù)提交事件，然后又后退，這樣可能會對某些數(shù)據(jù)產(chǎn)生災(zāi)難性的問題。所以今天就向大家介紹一種通過location.replace禁止瀏覽器后退按鈕的方法
在網(wǎng)頁設(shè)計中，可能由于某種需求，需要禁止瀏覽器的后退按鈕，特別是一些對用戶操作比較嚴(yán)格的網(wǎng)站，如果用戶重復(fù)提交事件，然后又后退，這樣可能會對某些數(shù)據(jù)產(chǎn)生災(zāi)難性的問題。所以今天就向大家介紹一種通過location.replace禁止瀏覽器后退按鈕的方法。
這種方法的原理是，用新頁面的URL替換當(dāng)前的歷史紀(jì)錄，這樣瀏覽歷史記錄中就只有一個頁面，后退按鈕永遠(yuǎn)處于失效狀態(tài)，用戶也就無法進行后退了。具體的使用方法如下所示：
①比如現(xiàn)在我要做一個超鏈接，這個鏈接鏈到頁面htmer.htm，代碼如下：
<a href="#" onclick="location.replace('htmer.htm')">鏈接</a>
②如果是使用按鈕進行超鏈接，則同樣鏈接到頁面htmer.htm的代碼如下：
<input type="button" value="提交" onclick="location.replace('htmer.htm')">
相關(guān)文章
這篇文章介紹了JS異步的執(zhí)行順序，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-06-06
這篇文章主要介紹了JavaScript接口的實現(xiàn)三種方式，有注釋法，檢查屬性法和鴨式辨行法，非常不錯，具有參考借鑒價值，感興趣的朋友一起學(xué)習(xí)吧2016-06-06
這篇文章主要介紹了微信小程序 wepy框架與iview-weapp的用法,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2019-04-04
javascript 實現(xiàn)鍵盤上下左右功能的小例子
這篇文章介紹了javascript 實現(xiàn)鍵盤上下左右功能的小例子，有需要的朋友可以參考一下2013-09-09
這篇文章主要介紹了Bootstrap4如何定制自己的顏色和風(fēng)格，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-02-02
這篇文章主要為大家詳細(xì)介紹了基于JavaScript實現(xiàn)簡易計算器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-06-06
單擊事件，將Td內(nèi)容更新為一個Div，其中裝載了一個Text，用于用戶輸入新的Td的值，一個確定按鈕，一個取消按鈕，用于保存或取消用戶的輸入內(nèi)容2013-01-01
為了防止INPUT按回車form自動提交，可以以下兩種方法：增加一個隱藏的input。為input增加一個按鍵事件來阻止form提交。具體詳情可以參考下本文2016-12-12
本文主要介紹了如何用javascript判斷dom是否有存在某class的值。具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
js驗證實用性非常高，用途非常廣泛，用于校驗ip地址的格式等操作，本文給大家介紹JavaScript中常用的驗證reg，非常不錯，具有參考借鑒價值，感興趣的朋友一起看看吧2016-10-10