JQuerywindow.onload()与$(document).ready();的区别

JQuery-window.onload()与$(document).ready();的区别

    1、$(document).ready(function(){
         //...
        });
        可以简写为
    $(function(){
         //...
        });

2、window.onload必须等待网页中所有的内容加载完毕后(包括图片)才能执行
   而$(document).ready()在网页中所有DOM结构绘制完毕后就执行，可能DOM
   元素关联的东西并没有加载完
3、window.onload不能同时写多个，若写多个，只会执行最后面的一个，如：

window.onload=function(){
    alert('one');
};
window.onload=function(){
    alert('two');
};

最后只会输出：two.

$(document).ready();可以同时写多个，并且都执行，如：

$(document).ready()=function(){
    alert('one');
};
$(document).ready()=function(){
    alert('two');
};

结果输出：one 在输出two，两次都输出.