在網頁設計中,可能由於某種需求,需要禁止瀏覽器的後退按鈕,特別是一些對用戶操作比較嚴格的網站,如果用戶重複提交事件,然後又後退,這樣可能會對某些數據產生災難性的問題。所以今天就向大家介紹一個透過location.replace禁止瀏覽器後退按鈕的方法。
這種方法的原理是,用新頁面的URL取代當前的歷史紀錄,這樣瀏覽歷史記錄中就只有一個頁面,後退按鈕永遠處於失效狀態,用戶也就無法進行後退了。具體的使用方法如下:
①例如現在我要做一個超鏈接,這個鏈接鏈到頁面htmer.htm,程式碼如下:
<a href="#" onclick="location.replace('htmer.htm')">链接</a>
②如果是使用按鈕進行超鏈接,則同樣鏈接到頁面htmer.htm的程式碼如下:
<input type="button" value="提交" onclick="location.replace('htmer.htm')">