头闻号

李丽英

面膜

首页 > 新闻中心 > 科技常识:Js实现阻止浏览器返回的功能
科技常识:Js实现阻止浏览器返回的功能
发布时间:2024-11-27 09:51:33        浏览次数:4        返回列表

今天小编跟大家讲解下有关Js实现阻止浏览器返回的功能 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关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的变化,并且可以获取存储在该历史记录点的状态对象。

来源:爱蒂网