jQuery实现页面点击后退弹出提示框的方法

更新时间：2016年08月24日 12:04:04 作者：onestopweb

这篇文章主要介绍了jQuery实现页面点击后退弹出提示框的方法,涉及jQuery事件触发机制相关操作技巧,需要的朋友可以参考下

本文实例讲述了jQuery实现页面点击后退弹出提示框的方法。分享给大家供大家参考，具体如下：

demo.js：

jQuery(document).ready(function ($) {
  if (window.history && window.history.pushState) {
    $(window).on('popstate', function () {
      var hashLocation = location.hash;
      var hashSplit = hashLocation.split("#!/");
      var hashName = hashSplit[1];
      if (hashName !== '') {
        var hash = window.location.hash;
        if (hash === '') {
          alert("希望该网站能提供你帮助！");
        }
      }
    });
    window.history.pushState('forward', null, './#forward');
  }
});

demo.html：

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
<title>新建H5自适应模板</title>
<script src="jquery-1.10.1.min.js"></script>
<script src="demo.js"></script>
</head>
<body>
  <h3>阅谁问君诵，水落清香浮。</h3>
</body>
</html>

运行效果图如下：

更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery拖拽特效与技巧总结》、《jQuery表格(table)操作技巧汇总》、《jquery中Ajax用法总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。

您可能感兴趣的文章:

jQuery生成asp.net服务器控件的代码
jQuery生成asp.net服务器控件但不幸的是，该服务器控件依然没有起作用，还是用隐藏服务器控件来解决吧
2010-02-02
jQuery子元素过滤选择器用法示例
这篇文章主要介绍了jQuery子元素过滤选择器用法,结合实例形式分析了jQuery中nth-child、first-child、last-child、only-child等进行子元素过滤操作的相关技巧,需要的朋友可以参考下
2016-09-09
Jquery解析Json格式数据过程代码
Json是一种轻量级的数据交换格式，本节为大家介绍的是Jquery解析Json格式数据的过程，很详细，看看就知道了
2014-10-10
Struts2+jquery.form.js实现图片与文件上传的方法
这篇文章主要介绍了Struts2+jquery.form.js实现图片与文件上传的方法,结合实例形式详细分析了jquery.form.js插件实现前台图片上传提交及Struts2进行后台处理的相关步骤与实现技巧,需要的朋友可以参考下
2016-05-05
jquery 常用操作整理基础入门篇
jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。
2009-10-10
JQuery发送ajax请求时中文乱码问题解决
这篇文章主要介绍了JQuery发送ajax请求时中文乱码问题解决,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-11-11
jquery仿京东侧边栏导航效果
这篇文章主要为大家详细介绍了jquery仿京东侧边栏导航效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-03-03
jQuery 实现扁平式小清新导航
这篇文章主要介绍了jQuery 实现扁平式小清新导航，文中示例代码非常详细，帮助大家更好的理解和学习，感兴趣的朋友可以了解下
2020-07-07
jQuery fancybox在ie浏览器下无法显示关闭按钮的解决办法
这篇文章主要介绍了 jQuery fancybox在ie浏览器下无法显示关闭按钮的解决办法的相关资料,需要的朋友可以参考下
2016-02-02
jquery序列化方法实例分析
这篇文章主要介绍了jquery序列化方法,较为详细的分析了jQuery实现序列化涉及的相关技巧,需要的朋友可以参考下
2015-06-06