当前位置: 首页 > 编程笔记 >

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

席安康
2023-03-14
本文向大家介绍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实现鼠标悬浮弹出气泡提示框,包括了jquery实现鼠标悬浮弹出气泡提示框的使用技巧和注意事项,需要的朋友参考一下 jquery鼠标悬浮弹出气泡提示框,供大家参考,具体内容如下 居中的图片 代码 我在网上找了很多例子都是单独的一个,所以我修改了jquery的一点代码,让它可以在一个页面上多次使用,原文的地址我没找到,相信我这个会更好一点。 //别忘了导入js文件! 以上就是

  • 本文向大家介绍jquery实现点击页面计算点击次数,包括了jquery实现点击页面计算点击次数的使用技巧和注意事项,需要的朋友参考一下 代码很简单,这里就不多废话了,直接奉上: 代码就到这里了,希望小伙伴们喜欢。

  • 本文向大家介绍jQuery实现点击图片翻页展示效果的方法,包括了jQuery实现点击图片翻页展示效果的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery实现点击图片翻页展示效果的方法。分享给大家供大家参考。具体实现方法如下: 希望本文所述对大家的jQuery程序设计有所帮助。

  • 本文向大家介绍jQuery点击弹出层弹出模态框点击模态框消失代码分享,包括了jQuery点击弹出层弹出模态框点击模态框消失代码分享的使用技巧和注意事项,需要的朋友参考一下 废话不多说了,直接给大家贴代码了,具体代码如下所示: 以上所述是小编给大家介绍的jQuery点击弹出层弹出模态框点击模态框消失代码分享,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对

  • 本文向大家介绍vue组件实现弹出框点击显示隐藏效果,包括了vue组件实现弹出框点击显示隐藏效果的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了vue实现弹出框点击显示隐藏的具体代码,供大家参考,具体内容如下 效果如下图   由于我的更改密码弹出框是一个组件引用的,所以在一开始是隐藏的,这就需要在当前的页面上对弹出框组件设置v-show,但是在弹出框显示出来的时候,操作执行完后当前页面

  • 本文向大家介绍jquery实现点击页面回到顶部,包括了jquery实现点击页面回到顶部的使用技巧和注意事项,需要的朋友参考一下 a)下面看看实现,实现很简单,通过JQ判断滚动条向下滚动的长度大于多少时显示【回到顶部+回到首页】的图标(换一种理解:滚动条顶端距离页面顶部的距离),另外一种实现方法,就是通过锚标记,很好理解,就是标记一个位置,事件激活时,给我回到这个位置 b)JQ判断滚动条向下滚动的长