Js實現阻止瀏覽器返回的功能

無論pc端還是移動端,瀏覽器都會帶有後退按鈕或後退鍵.主要方便我們能返回以前訪問過的頁面,但有時候我們不得不關閉這個功能.尤其是對於一些推廣落地頁,用戶進入後不希望它返回。

目前有很多推廣的朋友也在問,如何實現:“怎樣才能禁用瀏覽器的後退按鈕?”,或者“怎樣才能防止用戶點擊後退按鈕返回以前瀏覽過的頁面？

在禁止後退的頁面直接添加下面的js代碼即可:

(function(){
	if(window.history && window.history.pushState) {
		window.onpopstate=function () {
	            window.history.pushState('forward', null, '');
	            window.history.forward(1);
		};
	}
    window.history.pushState('forward', null, '');//在IE中必須得有這兩行
    window.history.forward(1);
})();

簡要說明：

1.history.pushState()屬於html5的方法,故存在一定的兼容性,它主要是在不刷新瀏覽器的情況下，創建新的瀏覽記錄並插入瀏覽記錄隊列中。

2.window.history.forward() :相當於用戶在瀏覽器的工具欄上點擊前進按鈕.參數代表頁面索引：(當前頁:0，上一頁：-1，下一頁：1)。

3.window.onpopstate來監聽url的變化，並且可以獲取存儲在該歷史記錄點的狀態對象。