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的变化，并且可以获取存储在该历史记录点的状态对象。