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


Posted in Javascript onAugust 24, 2016

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
JS中动态添加事件(绑定事件)的代码
Jan 09 Javascript
JavaScript中判断函数是new还是()调用的区别说明
Apr 07 Javascript
解析javascript中鼠标滚轮事件
May 26 Javascript
jquery+css实现动感的图片切换效果
Nov 25 Javascript
Node.js中JavaScript操作MySQL的常用方法整理
Mar 01 Javascript
BootStrap使用file-input插件上传图片的方法
Sep 05 Javascript
自制微信公众号一键排版工具
Sep 22 Javascript
vue.js利用defineProperty实现数据的双向绑定
Apr 28 Javascript
javascript 封装Date日期类实例详解
May 28 Javascript
关于Vue实现组件信息的缓存问题
Aug 23 Javascript
elemetUi 组件--el-upload实现上传Excel文件的实例
Oct 27 Javascript
Angular angular-file-upload文件上传的示例代码
Aug 23 Javascript
input 禁止输入特殊字符的四种实现方式
Aug 24 #Javascript
深入浅析JavaScript中的3DES
Aug 24 #Javascript
jQuery自适应轮播图插件Swiper用法示例
Aug 24 #Javascript
JavaScript lodash常见用法系列小结
Aug 24 #Javascript
EasyUI的doCellTip实现鼠标放到单元格上提示单元格内容
Aug 24 #Javascript
JS实现获取当前URL和来源URL的方法
Aug 24 #Javascript
Bootstrap和Angularjs配合自制弹框的实例代码
Aug 24 #Javascript
You might like
PHP无限分类(树形类)
2013/09/28 PHP
php冒泡排序、快速排序、快速查找、二维数组去重实例分享
2014/04/24 PHP
PHP+apc+ajax实现的ajax_upload上传进度条代码
2016/01/25 PHP
php的无刷新操作实现方法分析
2020/02/28 PHP
jQuery代码优化之基本事件
2011/11/01 Javascript
基于JQUERY的多级联动代码
2012/01/24 Javascript
jQuery插件分享之分页插件jqPagination
2014/06/06 Javascript
js实现点击左右按钮轮播图片效果实例
2015/01/29 Javascript
jQuery Ajax中的事件详细介绍
2015/04/16 Javascript
jQuery中delegate()方法的用法详解
2016/10/13 Javascript
jQuery时间日期三级联动(推荐)
2016/11/27 Javascript
JavaScript正则替换HTML标签功能示例
2017/03/02 Javascript
vue+node+webpack环境搭建教程
2017/11/05 Javascript
Vue兼容ie9的问题全面解决方案
2018/06/19 Javascript
使用Nuxt.js改造已有项目的方法
2018/08/07 Javascript
webstorm中配置Eslint的两种方式及差异比较详解
2018/10/19 Javascript
Vue 实现前端权限控制的示例代码
2019/07/09 Javascript
详解element-ui中表单验证的三种方式
2019/09/18 Javascript
layui动态渲染生成左侧3级菜单的方法(根据后台返回数据)
2019/09/23 Javascript
小程序如何写动态标签的实现方法
2020/02/05 Javascript
Python的Flask框架中实现分页功能的教程
2015/04/20 Python
深入源码解析Python中的对象与类型
2015/12/11 Python
探究python中open函数的使用
2016/03/01 Python
Python如何快速实现分布式任务
2017/07/06 Python
django使用F方法更新一个对象多个对象字段的实现
2020/03/28 Python
Python使用xlrd实现读取合并单元格
2020/07/09 Python
python Tornado框架的使用示例
2020/10/19 Python
CSS3弹性布局内容对齐(justify-content)属性使用详解
2017/07/31 HTML / CSS
安全生产目标责任书
2014/04/14 职场文书
工作推荐信范文
2014/05/10 职场文书
上课随便讲话检讨书
2014/09/12 职场文书
2014年餐厅服务员工作总结
2014/11/18 职场文书
店面出租协议书范本
2014/11/28 职场文书
捐书仪式主持词
2015/07/04 职场文书
不要在HTML中滥用div
2021/05/08 HTML / CSS
MySQL系列之十四 MySQL的高可用实现
2021/07/02 MySQL