首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 Javascript

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程序设计有所帮助。

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

- Author -

onestopweb

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐
javascript 子窗体父窗体相互传值方法
May 31 Javascript
return false,对阻止事件默认动作的一些测试代码
Nov 17 Javascript
onclick与listeners的执行先后问题详细解剖
Jan 07 Javascript
js切换光标示例代码
Oct 10 Javascript
获取中文字符串的实际长度代码
Jun 05 Javascript
Javascript 计算字符串在localStorage中所占字节数
Oct 21 Javascript
微信小程序 wx.uploadFile在安卓手机上面the same task is working问题解决
Dec 14 Javascript
AngularJs点击状态值改变背景色的实例
Dec 18 Javascript
vue实现图片加载完成前的loading组件方法
Feb 05 Javascript
vscode vue 文件模板的配置方法
Jul 23 Javascript
vue项目部署到nginx/tomcat服务器的实现
Aug 26 Javascript
JavaScript实现简单日历效果
Sep 11 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
信号库(1) blinker(1) Mysql报错(1) 绘图(1) turtle(1) 三子棋(2) 计时器(1) 定时任务(2) MYSQL函数(1) mysql.user(1)
You might like
针对初学PHP者的疑难问答(2)
2006/10/09 PHP
PHP7正式版测试，性能惊艳！
2015/12/08 PHP
关于PHP 如何用 curl 读取 HTTP chunked 数据
2016/02/26 PHP
Yii开启片段缓存的方法
2016/03/28 PHP
php实现微信企业转账功能
2018/10/02 PHP
php实现的简单多进程服务器类完整示例
2020/02/01 PHP
JavaScript中数组的排序、乱序和搜索实现代码
2011/11/30 Javascript
jQuery表单验证插件formValidator(改进版)
2012/02/03 Javascript
js的.innerHTML = &quot;&quot;IE9下显示有错误的解决方法
2013/09/16 Javascript
js数值和和字符串进行转换时可以对不同进制进行操作
2014/03/05 Javascript
JavaScript实现的背景自动变色代码
2015/10/17 Javascript
JavaScript操作URL的相关内容集锦
2015/10/29 Javascript
JavaScript中函数声明与函数表达式的区别详解
2016/08/18 Javascript
类似于QQ的右滑删除效果的实现方法
2016/10/16 Javascript
详解Javascript数据类型的转换规则
2016/12/12 Javascript
深入学习jQuery中的data()
2016/12/22 Javascript
JS+HTML5实现获取手机验证码倒计时按钮
2018/08/08 Javascript
微信小程序使用map组件实现获取定位城市天气或者指定城市天气数据功能
2019/01/22 Javascript
深入理解使用Vue实现Context-Menu的思考与总结
2019/03/09 Javascript
手把手教你 CKEDITOR 4 实现Dialog 内嵌 IFrame操作详解
2019/06/18 Javascript
vue源码中的检测方法的实现
2019/09/26 Javascript
JS实现简单打字测试
2020/06/24 Javascript
vue 组件间的通信之子组件向父组件传值的方式
2020/07/29 Javascript
[05:29]2014DOTA2国际邀请赛 赛后专访：LGDNewbee顺利过关
2014/07/13 DOTA
[01:04:05]VG vs Newbee 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
python正则分组的应用
2013/11/10 Python
Python实现简单的文件传输与MySQL备份的脚本分享
2016/01/03 Python
python监控键盘输入实例代码
2018/02/09 Python
Python使用sax模块解析XML文件示例
2019/04/04 Python
python安装pil库方法及代码
2019/06/25 Python
python实现udp聊天窗口
2020/03/31 Python
Python Django路径配置实现过程解析
2020/11/05 Python
python文件路径操作方法总结
2020/12/21 Python
COS美国官网：知名服装品牌
2019/04/08 全球购物
焊接专业毕业生求职信
2013/10/01 职场文书
解决jupyter notebook图片显示模糊和保存清晰图片的操作
2021/04/24 Python