onunload与onbeforeunload事件解析

来源:互联网 发布:解剖学软件 编辑:程序博客网 时间:2024/06/11 03:24

注:只测试了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

0 0