繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript addLoadEvent函数说明
- Javascript
- 经验几则 推荐
- 一个很Cool的JS菜单效果
- [原创]菜单制作学习一个小东西
- 基于Web标准的UI组件 — 树状菜单(2)
- [原创]防止网站内容被小偷采集的js代码
- javascript字典探测用户名工具
- 通过ifame指向的页面高度调整iframe的高度
- 实例：尽可能写友好的Javascript代码
- 关于javascript的“静态类"
- 拖动层
- 教学演示-UBB,剪贴板,textRange及其他
- 多线程的全选复选框
- 不错的一个日期输入 动态
- 非常不错的一个javascript 类
- 提示广告代码
- 各种浏览器兼容问题
- 重定向实现代码
- [原创]网络复制内容时常用的正则+editplus
- Js的MessageBox
- 注释的艺术：JS里直接写HTML，无需转义
Javascript 中的 javascript addLoadEvent函数说明
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 276 ::
收藏到网摘: n/a
网页加载完整后会触发一个onload事件，默认地一个事件只能和一个函数绑定。 为了在网页加载完后，同时执行多个函数，Simon Willison写了function addLoadEvent(func)：
复制代码 代码如下:
function addLoadEvent(func){
var oldOnload = window.onload;
if (typeof window.onload != 'function'){
window.onload = func;
}
else {
window.onload = function(){
oldOnload();
func();
}
}
}
addLoadEvent工作流程：
把现有的window.onload事件处理函数的值存入变量oldonload。
如果在这个处理函数上还没有绑定任何函数，就像平时那样把新函数添加给它；
如果在这个处理函数已经绑定了一些函数，就把函数追回到现有指令未尾。
浏览器加载html内容是自上而下的（默认），而JS一般是在哪里引入——想想如果JS里面包含了一些即时执行指令，
它会操作根本不存在元素节点（因为还没有加载完）会有什么后果？结果就是出错。
addLoadEvent可以实现无论有多少个函数，都能让它们同时和window.onload事件绑定。
评论 (0) All
