js中window.onload时间不能保存多个函数引用的解决办法

最近开始学做一个完整的前端项目，于是遇到了一个问题——由于是使用外部引用js文件，所以当需要在多个js文件中使用window.onload的事件时，会发现所写的函数无法实现，于是上网查书搜索相关解决办法，现在，个人总结以下3个方法（以下方法没有考虑浏览器的兼容性）：

1. 这个办法比较笨，就是将所需要实现的函数都放在一个js文件中，所以不推荐使用。

window.onload = function() {    function1();    function2();};

2. 使用“加入队列”的方法，代码如下：

<script type="text/javascript">        function addLoadEvent(func) {            var oldonload = window.onload;            /*如果onload事件不是一个funtion，即还未绑定事件*/            if(typeof window.onload != "function") {                window.onload = func;            }            /*如果是一个function，即已经绑定了事件*/            else {                window.onload = function() {                    oldonload();            //把已经添加的函数加到onload中                    func();                 //把新的函数加到onload中去                }            }        }</script>addLoadEvent(function1);addLoadEvent(function2);

3. 使用jQuery。jQuery中提供了一种方法：$(document).ready()方法，该方法不会像window.onload那样，每次调用这个方法都会在现有的行为上追加新的行为，这些行为函数会根据注册的顺序依次执行，而不会使前面的行为被后面的行为覆盖。

function1() {    alert("one");}function2() {    alert("two");}$(document).ready(function() {    function1();})$(document).ready(function() {    function2();})

但是，window.onload方法与$(document).ready()方法还是有区别的，最大的区别就是：window.onlad方法是在网页中所有的元素完全加载到浏览器后才执行，即javascript此时才可以访问网页的任何元素。而通过$(document).ready()方法注册的事件处理程序，在DOM完全就绪时就可以被调用。