把多个JavaScript函数绑定到onload事件处理函数上

网页加载完毕后会触发onload事件，比如现在我有一个方法要在网页加载完毕后立即执行的话，应该怎么做呢，可以用这样的简单的方式。

window.onload=prepareRun;

function prepareRun(){
    //.......
}

这条浅显的语句立马解决了问题。

如果现在我还有两个函数prepareRun1和prepareRun2。如果我想让他们都在页面加载时执行，怎么吧？下面的代码可以吗?

window.onload=prepareRun1;
window.onload=prepareRun2;

function prepareRun1(){
    //......
}

function prepareRun2(){
    //........
}

经测试这种情况只执行了第二个方法。由此可以得出一个结论，每个事件处理函数只能绑定一条指令。
上面的不行，咱们可以创建一个匿名函数来容纳这两个函数

window.onload=function(){
    prepareRun1();
    prepareRun2();
}

这应该是最简单明了的方法了。这还有一个更加通用的方法,它是由SimonWillison编写的

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

这相当于把那些将在页面加载完毕时执行的函数创建一个队列。如果想把刚才的那两个函数添加到这个队列中，只需写出一下代码就行了。
addLoadEvent(prepareRun1);

addLoadEvent(prepareRun2);