教程集 www.jiaochengji.com
教程集 >  脚本编程  >  javascript  >  正文 javascript事件之卸载(unload)事件

javascript事件之卸载(unload)事件

发布时间:2015-02-07   编辑:jiaochengji.com
本文介绍下,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.jiaochengji.com</tile>
</head>
<body onunload="alert('Unload')">
</body>
</html>

您可能感兴趣的文章:
javascript事件之卸载(unload)事件
javascript 卸载前beforeunload事件
jQuery 判断元素上是否绑定了事件
jquery与google map api结合使用 控件,监听器
javascript事件 pageshow和pagehide事件的实例详解
GridView控件事件详细解析
JQuery下关于$.Ready()的分析
JQuery onload、ready概念介绍及使用方法
JQuery onload、ready详解
jquery中的事件处理详细介绍

[关闭]
~ ~