使用js,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);
                      });
                  }
          //
                  window.history.pushState('forward', null, '');  //在IE中必须得有这两行
                  window.history.forward(1);
              });

 这段代码主要使用js的window.history  对象;介绍一下history的几个比较重要的方法:

1、window.history.forward();   //加载下一个页面(浏览过的) ,和浏览器上的 前进按钮 效果相同

2、window.history.back();    //回到上一个页面 , 和浏览器上的 后退按钮效果相同

ps: 如果浏览的网页有缓存, 当点击浏览器上的 前进和后退 按钮时, 是优先加载浏览器的缓存数据,(重要一点是:不走服务器端代码,如果在服务器端代码加断点,是不过断点的, 这也是缓存的一个弊端,有时候容易导致表单中的数据错乱掉,不能及时更新,)

3、history.go(0);    //刷新当前页面 和浏览器上的 刷新 按钮效果相同

history.go(-1): 效果和history.back() 效果相同

history.go(1) : 效果和history.forward() 效果相同

 

 

文章转自:http://www.cnblogs.com/generalLi/p/5887259.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值