首頁 >web前端 >js教程 >透過location.replace禁止瀏覽器後退防止重複提交_javascript技巧

透過location.replace禁止瀏覽器後退防止重複提交_javascript技巧

WBOY
WBOY原創
2016-05-16 16:37:121353瀏覽

在網頁設計中,可能由於某種需求,需要禁止瀏覽器的後退按鈕,特別是一些對用戶操作比較嚴格的網站,如果用戶重複提交事件,然後又後退,這樣可能會對某些數據產生災難性的問題。所以今天就向大家介紹一個透過location.replace禁止瀏覽器後退按鈕的方法。

這種方法的原理是,用新頁面的URL取代當前的歷史紀錄,這樣瀏覽歷史記錄中就只有一個頁面,後退按鈕永遠處於失效狀態,用戶也就無法進行後退了。具體的使用方法如下:

①例如現在我要做一個超鏈接,這個鏈接鏈到頁面htmer.htm,程式碼如下:

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

②如果是使用按鈕進行超鏈接,則同樣鏈接到頁面htmer.htm的程式碼如下:

<input type="button" value="提交" onclick="location.replace('htmer.htm')">
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn