编程 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 相关文章推荐

jquery slibings选取同级其他元素的实现代码

Nov 15 Javascript

js跑步算法的实现代码

Dec 04 Javascript

jquery获取颜色在ie和ff下的区别示例介绍

Mar 28 Javascript

Jquery操作js数组及对象示例代码

May 11 Javascript

avalon js实现仿google plus图片多张拖动排序附源码下载

Sep 24 Javascript

在使用JSON格式处理数据时应该注意的问题小结

May 20 Javascript

JavaScript 中的 this 工作原理

Jun 20 Javascript

js实现简单进度条效果

Mar 25 Javascript

Vue实现计算器计算效果

Aug 17 Javascript

vant中的toast轻提示实现代码

Nov 04 Javascript

vue 获取url参数、get参数返回数组的操作

Nov 12 Javascript

js中Map和Set的用法及区别实例详解

Feb 15 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中的 == 运算符进行字符串比较

2006/11/26 PHP

php实现读取和写入tab分割的文件

2015/06/01 PHP

php实现学生管理系统

2020/03/21 PHP

锋利的jQuery 要点归纳（一） jQuery选择器

2010/03/21 Javascript

js更优雅的兼容

2010/08/12 Javascript

jQuery-Easyui 1.2 实现多层菜单效果的代码

2012/01/13 Javascript

同一页面多个商品倒计时JS 基于面向对象的javascript

2012/02/16 Javascript

php析构函数的具体用法小结

2014/03/11 Javascript

jQuery判断checkbox是否选中的3种方法

2014/08/12 Javascript

在JavaScript应用中实现延迟加载的方法

2015/06/25 Javascript

谈谈JavaScript自定义回调函数

2015/10/18 Javascript

javascript中apply、call和bind的使用区别

2016/04/05 Javascript

javascript实现根据汉字获取简拼

2016/09/25 Javascript

使用BootStrap和Metroui设计的metro风格微网站或手机app界面

2016/10/21 Javascript

JavaScript实现三级联动菜单效果

2017/08/16 Javascript

通过js控制时间,一秒一秒自己动的实例

2017/10/25 Javascript

JS/HTML5游戏常用算法之追踪算法实例详解

2018/12/12 Javascript

Python常用随机数与随机字符串方法实例

2015/04/09 Python

python logging重复记录日志问题的解决方法

2018/07/12 Python

PyQt5 对图片进行缩放的实例

2019/06/18 Python

centos 安装Python3 及对应的pip教程详解

2019/06/28 Python

Django获取应用下的所有models的例子

2019/08/30 Python

Python命令行click参数用法解析

2019/12/19 Python

python-OpenCV 实现将数组转换成灰度图和彩图

2020/01/09 Python

TensorFlow MNIST手写数据集的实现方法

2020/02/05 Python

解决pyCharm中 module 调用失败的问题

2020/02/12 Python

Django如何使用redis作为缓存

2020/05/21 Python

简述 Python 的类和对象

2020/08/21 Python

Python 中的函数装饰器和闭包详解

2021/02/06 Python

英国独特礼物想法和个性化礼物网站：notonthehighstreet.com

2018/04/16 全球购物

Pretty You London官网：英国拖鞋和睡衣品牌

2019/05/08 全球购物

超越自我演讲稿

2014/05/21 职场文书

省级优秀毕业生主要事迹

2014/05/29 职场文书

中秋晚会策划方案

2014/06/12 职场文书

个人融资协议书范本两则

2014/10/15 职场文书

全国劳模先进事迹材料（2016精选版）

2016/02/25 职场文书