onunload与onbeforeunload事件解析 标签： 浏览器 2017-04-10 09:46 45人阅读 评论(0)

注:只测试了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中都能执行