jQuery实现页面点击后退弹出提示框的方法
更新时间：2016年08月24日 12:04:04 作者：onestopweb
这篇文章主要介绍了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实现表格文本框淡入更改值后淡出效果的实现代码,代码简单易懂，非常不错，需要的朋友可以参考下2016-09-09
最常使用javascript的场合就是表单的验证，而jQuery作为一个优秀的javascript库，也提供了一个优秀的表单验证插件——Validation。本文将详细介绍validation插件。下面跟着小编一起来看下吧2017-03-03
听朋友说要作个九宫格，我也就随便写一个，等待完善2012-08-08
首先介绍 jQuery 的几个核心函数，在 jQuery 中它们起着至关重要的作用，在实际的前端开发过程中用到最多的也是它们。2010-03-03
jquery 插件开发方法，需要的朋友可以参考下。2009-10-10
正好项目中准备使用thickbox，于是干脆抛弃prototype.js，看起jquery.js了。JQuery确实不错，体积比Prototype小了许多，而且使用起来更方便更灵活。有人说Prototype像JAVA，正统；而JQuery像Ruby，灵活，更趋于OOP。2009-10-10
niceTitle是一款当鼠标移到超链接上面显示提示的插件。我们可以使用该插件来实现新闻、文字的预览。2010-05-05
本文主要介绍了jQuery中的ajaxSubmit方法的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧2017-03-03
今天发现在使用jquery ajax.post提交数据时会发现数据在ff正常，但在chrome与ie浏览器中post过去的数据全部是乱码2013-11-11
当需要在页面中查找某个关键字时，一是可以通过浏览器的查找功能实现，二是可以通过前端脚本准确查找定位，本文介绍通过jQuery实现的页面内容查找定位的功能，并可扩展显示查找后的相关信息2014-02-02
最新评论