您现在的位置:主页 > 发展 >

jquery如何实现禁用浏览器后退

标签: 日期:2020-12-14 11:22来源:未知作者:admin
jquery实现禁用浏览器后退的方法:首先打开相应的js文件;然后通过jQuery(document).ready(function () {...}方法禁用浏览器的back和next按钮即可。 本教程操作环境:windows7系统、jquery1.10.0版本,

  jquery实现禁用浏览器后退的方法:首先打开相应的js文件;然后通过“jQuery(document).ready(function () {...}”方法禁用浏览器的back和next按钮即可。

  本教程操作环境:windows7系统、jquery1.10.0版本,该方法适用于所有品牌电脑。

  :《jquery视频教程》

  jquery禁用浏览器后退按钮

  使用Jquery 禁用浏览器的back 和 next 按钮:

  有时为了防止用户乱了访问顺序,不得不禁掉浏览器的前进后退按钮

  jQuery(document).ready(function () { if (window.history && window.history.pushState) { $(window).on('popstate', function () { // 当点击浏览器的 后退和前进按钮 时才会被触发, window.history.pushState('forward', null, ''); window.history.forward(1); }); } //在IE中必须得有这两行 window.history.pushState('forward', null, ''); window.history.forward(1); });

  这段代码主要使用js的 window.history 对象;

  举个例子:

  假如当前页面的url是:

  执行:window.history.pushState('forward', null, 'badu.aspx');

  结果: 在浏览器历史记录中添加一条记录。当前页面的url变成,但是不会刷新页面,也不会检查url是否正确。 这时如果点击 浏览器的back按钮会回退到页面, 还是当前页面。 所以这就是上面禁用back按钮 的原理。

顶一下
(0)
0%
踩一下
(0)
0%
相关文章
共有人强势围观,期待你的评论!评论区
小提示: 本站的评论不需要审核,即发即显,有什么话你就尽管说吧,但不要过激哦,以免遭跨省处理!

验证码:点击我更换图片 匿名评论
最新评论