您的位置:首页 > 产品设计 > UI/UE

JS unload事件(UI)

2017-05-05 12:59 127 查看
与load事件对应的是unload事件,这个事件在文档被完全卸载之后触发。只要用户从一个页面切换到另一个页面就会发生unload事件。而利用这个事件最多的情况就是清除引用,避免内存泄漏。

指定unload事件处理程序的两种方式:

使用JavaScript:

EventUtil.addHandler(window,"unload",function(){
alert("Unload");
});


此时生成的event对象在兼容DOM浏览器中只包含target属性(值为document).IE8及之前版本则为这个事件提供了SRCElement属性。

第二种方法,为body元素添加一个特性

<!DOCTYPE html>
<html>
<head>
<titile>Unload Event Example</title>
</head>
<body onunload = "alert('Unloaded!')">
</body>
</html>


无论哪种方式,都要小心编写onunload事件处理程序中的代码。既然unload事件在一切都被写在之后才触发,那么在页面加载之后存在的对象,此时就不一定存在了。此时,操作DOM节点或者元素的样式就会导致错误.
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: