JQuery-window.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,两次都输出.