js实现用户离开页面前提示是否离开此页面的方法(包括浏览器按钮事件)
2015-07-18 00:00
876 查看
本文实例讲述了js实现用户离开页面前提示是否离开此页面的方法(包括浏览器按钮事件)。分享给大家供大家参考。具体如下:
用户离开页面前,提示是否离开此页面(包括浏览器按钮事件)
<script type="text/javascript"> window.onbeforeunload = function(){ return "您的文章尚未保存!"; } </script>
如果在退出页面时需要弹出对话框,提示用户将要退出页面,类似当设置某个功能时而没有保存页面。这个实现的方法比较简单,最常见的就是使用unload事件,但这种实现有一个缺点,就是不管同意与否,结果还是一样,会退出页面,因此,如果要弹出对话框,就有用户可选择的空间,如果确定则退出,否则就不关闭页面
这里推荐使用onbeforeunload()事件,意思就是在加载unload事件前执行的方法,使用如下:
<script type="text/javascript"> window.onbeforeunload = function(){ return "必您确定要退出页面吗?"; } </script>
这样就会弹出一个对话框,只有确认将会退出页面。
window.onbeforeunload可结合jQuery实现当用户设置页面而没有保存的提示效果,也就是如果已保存则不应该提示出对话框,可使用如下方法,当不需要
提示对话框:
<script type="text/javascript"> window.onbeforeunload = function(){ return; } </script>
这样就会直接退出页面,而不会弹出任何对话框。
结合jQuery实现Javascript退出页面弹出对话框就是结合上面两种方法,当页面满足某种情况后,如果需要弹出对话框则弹出,否则不弹出对话框,这样就非常的方便,jQuery有自身的unload方法,但同样不能实现返回,只有一种结果,那就是退出页面,因此,结合window.onbeforeunload 将能实现一个退出页面弹出对话框的功能。
希望本文所述对大家的javascript程序设计有所帮助。
相关文章推荐
- javascript实现页面刷新时自动清空表单并选中的方法
- KBEngine HTML5-js插件
- JavaScript 函数重载
- 大熊君说说JS与设计模式之------代理模式Proxy
- 2015.7.17 第八课 课程重点(js语句:条件、循环)
- js面向对象的编程理解
- javascript数据类型
- JS DOM编程艺术——显示文献来源链接表—— JS学习笔记2015-7-17(第86天)
- ARCGISServer加载切片地图
- html与JacaScript中的重要思想:预留后路、向后兼容、js分离
- js 按值选中选项
- JSP路径出现故障
- JavaScript对象字面量
- JavaScript判断undefined的技巧
- JavaScript学习要点(一)
- javascript生成对象编程模式
- [javascript]在浏览器端应用cookie记住用户名
- 【JavaScript】概述
- 对JSON数组对象排序-有键相同的元素,分组数量不一致,可采用如下的JS进行循环表格输出
- 201507171852_《JavaScript中把arguments转换为数组对象代码》