教程集 > 脚本编程 > javascript > 正文 javascript动态添加onload、onresize、onscroll事件的方法

javascript动态添加onload、onresize、onscroll事件的方法

发布时间：2014-09-21 编辑：jiaochengji.com

为大家介绍一个可以动态添加onload、onresize、onscroll事件的方法，javascript实现的，有需要的朋友，可以参考下。

window 的 onload、onresize、onscroll 事件，默认不能用 attachEvent 或 addEventListener 来添加。

它只能这样来（以 onload 为例，下同）：

复制代码代码示例:

window.onload = function()

{

// ...

};

如果想再为 onload 增加新的事件处理程序时，不能直接为 window.onload 赋值了，否则前面的赋值就会被覆盖了。

办法总是有的，可以如下这样来操作：

复制代码代码示例:

var oldLoadHandler = window.onload;

window.onload = function()

{

if (oldLoadHandler)

{

oldLoadHandler();

}

newLoadHandler();

};

在 ezj 中，就更加方便了。

复制代码代码示例:

$(window).ready(onloadHandler1);

$(window).ready(onloadHandler2);

说明：
一般认为onload 事件是document.body.onload，其实，正确的是 window.onload。
而且，window.onload 在 IE、Firefox、Chrome 中均有效。

[关闭]