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 相关文章推荐
AJAX的跨域与JSONP(为文章自动添加短址的功能)
Jan 17 Javascript
基于jQuery+HttpHandler实现图片裁剪效果代码(适用于论坛, SNS)
Sep 02 Javascript
javascript读取xml实现javascript分页
Dec 13 Javascript
jQuery实现鼠标点击弹出渐变层的方法
Jul 09 Javascript
谈谈AngularJs中的隐藏和显示
Dec 09 Javascript
JavaScript中rem布局在react中的应用
Dec 09 Javascript
a标签置灰不可点击的实现方法
Feb 06 Javascript
基于ajax和jsonp的原生封装(实例)
Oct 16 Javascript
使用vuex缓存数据并优化自己的vuex-cache
May 30 Javascript
使用svg实现动态时钟效果
Jul 17 Javascript
js数组去重的方法总结
Jan 18 Javascript
layer弹出层倒计时关闭的实现方法
Sep 27 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
2014/09/28 PHP
php使用curl通过代理获取数据的实现方法
2016/05/16 PHP
对textarea框的代码调试,而且功能上使用非常方便,酷
2006/06/30 Javascript
用jscript启动sqlserver
2007/06/21 Javascript
Js(JavaScript)中,弹出是或否的选择框示例(confirm用法的实例分析)
2013/07/09 Javascript
判断JS对象是否拥有某种属性的两种方式
2013/12/02 Javascript
浅谈jQuery事件绑定原理
2015/01/02 Javascript
jQuery oLoader实现的加载图片和页面效果
2015/03/14 Javascript
js实现简单的可切换选项卡效果
2015/04/10 Javascript
深入浅析JavaScript系列(13):This? Yes,this!
2016/01/05 Javascript
详解nodejs模板引擎制作
2017/06/14 NodeJs
微信小程序block的使用教程
2018/04/01 Javascript
深入学习JavaScript 高阶函数
2019/06/11 Javascript
Vue props中Object和Array设置默认值操作
2020/07/30 Javascript
vue-cli+webpack项目打包到服务器后,ttf字体找不到的解决操作
2020/08/28 Javascript
[04:00]DOTA2解说界神雕侠侣 CJ第四天谷子现场过生日
2013/07/30 DOTA
django中模板的html自动转意方法
2018/05/27 Python
通过python将大量文件按修改时间分类的方法
2018/10/17 Python
python实现文本界面网络聊天室
2018/12/12 Python
对python借助百度云API对评论进行观点抽取的方法详解
2019/02/21 Python
Django的用户模块与权限系统的示例代码
2019/07/24 Python
python 控制Asterisk AMI接口外呼电话的例子
2019/08/08 Python
Python3 filecmp模块测试比较文件原理解析
2020/03/23 Python
Python API 操作Hadoop hdfs详解
2020/06/06 Python
使用 prometheus python 库编写自定义指标的方法(完整代码)
2020/06/29 Python
CSS Grid布局教程之网格单元格布局
2014/12/30 HTML / CSS
小米乌克兰网上商店:Xiaomi.UA
2019/10/29 全球购物
酒店服务实习自我鉴定
2013/09/22 职场文书
先进德育工作者事迹材料
2014/01/24 职场文书
运动会解说词200字
2014/02/06 职场文书
白酒市场营销方案
2014/02/25 职场文书
市场营销大学生职业规划书
2014/02/25 职场文书
财务会计专业自荐书
2014/06/30 职场文书
好好学习保证书
2015/02/26 职场文书
2015年办公室个人工作总结
2015/04/20 职场文书
HR在给员工开具离职证明时,需要注意哪些问题?
2019/07/03 职场文书