`
bosschen
  • 浏览: 197195 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

使用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

分享到:
评论

相关推荐

    jquery 调用浏览器打印功能

    在网页开发中,jQuery 是一个广泛使用的 JavaScript 库,它简化了 DOM 操作、事件处理、动画效果以及异步请求等任务。而“jQuery 调用浏览器打印功能”是利用 jQuery 实现的一种方法,允许用户通过点击按钮或执行...

    jQuery图片浏览器源码

    jQuery图片浏览器源码是一种基于流行的JavaScript库jQuery开发的图片查看工具。它允许用户在网页上以优雅的方式浏览图片集,通常具有幻灯片展示、缩放、导航箭头以及全屏模式等功能。以下是对这个主题的详细解释: ...

    js调用浏览器打印模块实现点击按钮触发自定义函数

    在探讨如何利用JavaScript调用浏览器的打印模块实现点击按钮时触发自定义函数的过程中,我们首先需要了解浏览器提供的打印API以及如何通过编程方式触发打印任务。现代浏览器通常提供了window.print()方法,该方法...

    jquery判断浏览器版本过低代码.zip

    请注意,浏览器检测并不是一个完美的解决方案,因为用户可能禁用了某些功能,或者使用的是非主流浏览器。因此,更推荐的做法是采用渐进增强或优雅降级的策略,确保即使在旧版浏览器中,网站也能以某种形式正常工作。...

    Jquery实现浏览器嗅探器特效

    `js`目录下可能有实现这个功能的JavaScript文件,包括jQuery库本身和自定义的插件代码。`电子书大全.url`、`视频教程大全.url`和`原创Jquery插件大全.url`可能是相关的学习资源链接,供进一步研究和参考。 总的来说...

    清除Jquery缓存

    这意味着,每次使用jQuery发起Ajax请求时,浏览器都会强制从服务器获取最新数据,而不是使用本地缓存中的数据。 #### 实现原理 当浏览器接收到带有`cache`属性为`false`的请求时,会自动添加一个随机的查询字符串...

    jQuery浏览器导航栏

    在IT领域,jQuery是一款广泛使用的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画效果以及Ajax交互。在本主题中,我们将深入探讨如何使用jQuery来创建一个功能丰富的浏览器导航栏,这个主题通常...

    jquery高仿浏览器新建标签页网址缩略图导航特效代码

    jQuery本身不提供数据存储功能,但可以通过与其他JavaScript库(如localStorage.js)配合使用,实现用户收藏的持久化。 6. **导航页源码**:`readme.htm`可能是代码实现的说明文档,里面可能包含了详细步骤、代码...

    前端项目-jquery-i18next.zip

    在你的项目中使用 `jQuery i18next`,首先需要确保已经安装了 jQuery 和 i18next。你可以通过以下方式引入它们: ```html <script src="path/to/jquery.min.js"> <script src="path/to/i18next.min.js"> ...

    jQuery 1.6版本至1.9版本 一个兼容多浏览器的javascript框架

    jQuery是一个兼容多浏览器的javascript框架,核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布,吸引了来自世界各地的众多JavaScript高手加入,由Dave ...

    jquery判断浏览器版本插件,jquery-browser.js

    在网页开发中,了解用户正在使用的浏览器类型及版本至关重要,因为不同的浏览器可能对某些JavaScript特性的支持程度不同,这直接影响到网页的兼容性和用户体验。jQuery库虽然提供了强大的DOM操作和事件处理功能,但...

    js实现监听浏览器关闭和刷新事件

    js实现监听浏览器关闭和刷新事件支持三大浏览器,点击直接看效果

    jQuery判断浏览器版本过低提示代码

    jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理和动画效果。然而,并非所有浏览器都支持最新的jQuery版本或HTML5和CSS3特性。针对这个问题,我们可以编写代码来检测用户的浏览器版本,并在版本过低...

    Jquery 图片浏览器

    jQuery 图片浏览器是一种基于JavaScript库jQuery开发的轻量级图片查看器,它旨在提供一种简洁、高效的方式来展示和浏览图片。开发者出于个人兴趣创建了这款工具,以满足对图片浏览器简单易用且兼容性的需求。在当前...

    jQuery判断浏览器版本及鉴别浏览器类型代码.rar

    在Web开发中,识别用户使用的浏览器类型和版本是非常重要的,因为不同的浏览器可能对某些功能的支持程度不同。jQuery,作为一个广泛使用的JavaScript库,提供了一些方法来帮助开发者实现这一目标。"jQuery判断浏览器...

    jquery 360浏览器猜你喜欢悬浮代码

    在IT行业中,jQuery是一款非常流行的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作和Ajax交互等任务。本篇文章将详细讲解如何利用jQuery实现360浏览器中的“猜你喜欢”悬浮代码,以及与浏览器兼容性相关...

    jquery判断360浏览器

    在IT行业中,jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作和Ajax交互等任务。本话题聚焦于“jquery判断360浏览器”,这是一个常见的需求,因为不同的浏览器可能会有不同的行为,...

    jquery微信浏览器阻止页面拖动.docx

    本文将详细介绍如何使用jQuery来防止微信浏览器中的页面拖动,以及如何禁用扫瞄器(浏览器)的后退按钮。 首先,让我们来看看如何阻止页面拖动。在微信浏览器中,页面的拖动行为主要是通过监听触摸事件来实现的。...

    jquery搜狗浏览器5.0页面特效.zip

    标题中的“jquery搜狗浏览器5.0页面特效.zip”表明这是一个使用jQuery库为搜狗浏览器5.0版本设计的页面特效集合。这个压缩包可能包含了多个HTML、CSS和JavaScript文件,用于展示在搜狗浏览器中运行的各种交互效果和...

    JQuery鉴别各种浏览器以及版本

    jQuery作为一个流行的JavaScript库,提供了方便的API来帮助开发者检测用户所使用的浏览器类型和版本。这有助于解决跨浏览器兼容性问题,提供定制化的用户体验,或者针对特定浏览器进行性能优化。下面我们将详细讨论...

Global site tag (gtag.js) - Google Analytics