JavaScript 中 onload 事件绑定多个方法

看完《Dom编程艺术》，总结window.onload绑定多个function的方法。

1.直接在 HTML 中编写:

<a onload="functionA();functionB()">

注意：不符合结构和行为分离的思想，所以不推荐采用这种方法。

2.创建一个匿名函数容纳需要调用的方法，然后将该匿名函数绑定到 onload 事件上：

window.onload = function () {
functionA();
functionB();
}

注意：最简单的解决方法

3.当需要调用的方法较多时，我们可以编写一个专门用于绑定 onload事件的方法：

function addLoadEvent(func) {
//把现有的 window.onload 事件处理函数的值存入变量
var oldOnload = window.onload;
if (typeof window.onload != "function") {
//如果这个处理函数还没有绑定任何函数，就像平时那样添加新函数
window.onload = func;
} else {
//如果处理函数已经绑定了一些函数，就把新函数添加到末尾
window.onload = function() {
oldOnload();
func();
}
}
}

//接下来，我们只需要调用这个方法添加自己需要的函数就行了
addLoadEvent(functionA);
addLoadEvent(functionB);

现在不管有多少个事件，都可以直接加载绑定。

参考：《JavaScript DOM 编程艺术（第二版）》