A-A+

addLoadEvent作用及用法

2015年10月31日 JavaScript 暂无评论 阅读 248 次

 addLoadEvent作用及用法:

从这个代码你能看出来,这个就是把window.onload加工了一下而已!!!!
为什么要加工呢,首先了解下window.onload
window.onload    onload 事件会在页面或图像加载完成后立即发生
就是页面加载完成后,执行一个函数
但是有时候,页面加载完成以后,你想执行多个函数怎么办?
你可能这样写
window.onload = function(){alert(1)};
window.onload = function(){alert(2)};
window.onload = function(){alert(3)};
试试就知道了,这样不行的,结果是只有alert(3)执行了。
但是你这样写
addLoadEvent(function(){alert(1)});
addLoadEvent(function(){alert(2)});
addLoadEvent(function(){alert(3)});
这样写就可以了,至于怎么用,我想我说的很明白了,就和windown.onload用法一样。就这么用

function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
oldonload();
func();
}
}
}

标签:

给我留言

Copyright © web前端技术开发个人博客 保留所有权利  京ICP备14060653号 Theme  Ality

用户登录