博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
onunload与onbeforeunload事件解析 ...
阅读量:4543 次
发布时间:2019-06-08

本文共 770 字,大约阅读时间需要 2 分钟。

注:只测试了chrome和IE浏览器的表现情况

onunload事件

//JS Document     window.onunload = onunload_message;        function onunload_message(){
alert("onunload successfully"); }

题外话:在js中,如果没有参数的函数调用的时候可以不用加括号的

上面的例子执行时会在页面关闭后或页面刷新前弹出提示框,并且经过测试,chrome,opera浏览器完全不支持此事件(Due to different browser settings, this event may not always work as expected—–w3schools.com)
onunload事件支持的js对象是window,也可以写在HTML中

onbeforeunload事件

如果在退出页面时需要弹出对话框,提示用户将要退出页面,类似当设置某个功能时而没有保存页面。这个实现的方法比较简单,最常见的就是使用unload事件,但这种实现有一个缺点,就是不管同意与否,结果还是一样,会退出页面,因此,如果要弹出对话框,就有用户可选择的空间,如果确定则退出,否则就不关闭页面.这就用到了onbeforeunload事件

//JS Document     window.onunbeforeload = function (){
return "onunload successfully"; }

经测试,在IE和chrome中都能执行

IE
chrome

转载于:https://www.cnblogs.com/wincent98/p/7135883.html

你可能感兴趣的文章
LeetCode 1002. Find Common Characters (查找常用字符)
查看>>
建立隐藏管理员用户
查看>>
android设置图文提醒功能
查看>>
ajax跨域提交
查看>>
完成登录与注册页面的前端
查看>>
Mac下source tree 下的安装
查看>>
Q学习原理及例子
查看>>
rpmbuild 源码打包clickhouse,附带打好的rpm包下载地址
查看>>
软件体系结构原理、方法与实践总结
查看>>
2017-2018-1 《程序设计与数据结构》第3周学习总结
查看>>
一些基础语法
查看>>
我的学习笔记
查看>>
win10企业版无法访问共享文件夹
查看>>
查行号
查看>>
《学习之道》第三章学习方法12批评使我们更优秀
查看>>
猫眼首页
查看>>
java面试题之数据基本类型各占几个字节
查看>>
设计模式(总纲)
查看>>
线程池技术
查看>>
http后台json解析实例
查看>>