onunload与onbeforeunload事件解析

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值