结合jQuery的unload方法实现JS退出页面弹出对话框
来源:互联网 发布:假钞在淘宝中的暗语 编辑:程序博客网 时间:2024/06/05 19:44
http://www.rainweb.cn/article/113.html
注:经验证有效。
如果在退出页面时需要弹出对话框,提示用户将要退出页面,类似当设置某个功能时而没有保存页面。这个实现的方法比较简单,最常见的就是使用unload事件,但这种实现有一个缺点,就是不管同意与否,结果还是一样,会退出页面,因此,如果要弹出对话框,就有用户可选择的空间,如果确定则退出,否则就不关闭页面,效果图如下:
点我查看在线实例:
http://www.rainweb.cn/javascript/unload/1.html
这里推荐使用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 将能实现一个退出页面弹出对话框的功能。
点我查看在线实例:
http://www.rainweb.cn/javascript/unload/2.html
- 结合jQuery的unload方法实现JS退出页面弹出对话框
- 实现Javascript退出页面弹出对话框
- 九种js弹出对话框的实现方法
- 判断页面关闭的方法 UNLOAD/onbeforeunload
- jQuery实现弹出对话框~~~
- jQuery实现弹出对话框~~~
- Jsp页面弹出输入对话框的实现
- Jsp页面弹出输入对话框的实现
- 退出页面弹出对话框onbeforeunload事件
- jquery实现弹出自定义对话框,父页面变灰
- javascript实现页面弹出对话框,点确定再跳转到其他页面的方法
- DIY的JS弹出层弹出对话框弹出页面弹出窗口的插件
- JQuery学习之--1、页面加载的时候弹出对话框
- 1,JQuery学习-页面加载的时候弹出对话框
- jquery插件实现弹出对话框
- 弹出小页面/对话框,锁定主页面的JS脚本
- Jquery之页面加载时弹出对话框
- js关闭当前页面不弹出提示的方法 js实现浏览器的各种菜单命令
- Netmask, 子网与 CIDR (Classless Interdomain Routing)
- Majority Element
- java string与bigdecimal之间的转化
- java设计模式----工厂方法模式
- equals和hashcode的区别
- 结合jQuery的unload方法实现JS退出页面弹出对话框
- 【web】mybatis入门详解,基础案例demo
- createjs初学-关于cache
- android自定义View组件封装jar包
- Android动画
- linux学习笔记----文件处理命令--head= 显示文件前几行内容
- win8和win7下解决php5.3和5.4、5.5等不能加载php_curl.dll的终极解决办法
- UIImage 压缩
- JNDI 命名和目录操作