javascript事件之卸载(unload)事件

发布时间:2020-04-14编辑:脚本学堂
本文介绍下,javascript中的卸载(unload)事件的用法,通过二个例子的学习,加深对unload事件的认识与理解,有兴趣的朋友参考下吧。

之前我们介绍过:javascript 卸载前beforeunload事件 ,今天为大家介绍下卸载(unload)事件。

在javascript中,与load事件对应的是unload事件,这个事件在文档被完全卸载后触发。
只要用户切换到另一个页面,就会发生unload事件。

而利用这个事件最多的情况是清除引用,以避免内存泄漏。
与load事件类似,也有两种指定onunload事件处理程序的方式。
第一种方式是使用JavaScript,例子:
 

复制代码 代码示例:
var EventUtil = {
    getEvent: function (event) {
        return event ? event : window.event;
    },
    addHandler: function (element, type, handler) {
        if (element.addEventListener) {
            element.addEventListener(type, handler, false);
        } else if (element.attachEvent) {
            element.attachEvent("on" + type, handler);
        } else {
            element["on" + type] = handler;
        }
    }
};
EventUtil.addHandler(window, "unload", function (event) {
    alert("Unloaded");
})
 

此时生成的event对象在兼容DOM的浏览器中值包含target属性(值为document)。
IE则为这个事件对象提供了srcElement属性。
指定事件处理程序的第二种方式,也是我为<body>元素添加一个特性(与load事件类似)。

例子:
 

复制代码 代码示例:
<html>
<head>
<tilte>卸载(unload)事件--www.jb200.com</tile>
</head>
<body onunload="alert('Unload')">
</body>
</html>