Window.onload与$(document).ready()的对比

时间：2014-07-16 20:31:22 收藏：0 阅读：203

window.onload:必须等待网页中所有内容加载完毕才执行(包括图片)

例如:

   1:  window.onload=function(){

   2:      alert("test1");

   3:  };

4:

   5:  window.onload=function(){

   6:      alert("test2");

   7:  };

其结果只会显示test2

而$(document).ready():网页中所有的dom结构绘制完毕就执行,可能dom元素关联的东西还没有加载完.例如:

   1:  $(document).ready(function(){

   2:      alert("Hello,World!");

   3:  });

   4:  $(document).ready(function(){

   5:      alert("Hello again.");

   6:  });

会依次弹出”Hello,World!”和”Hello,again.” bubuko.com,布布扣