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