document.ready与window.onload的区别

代码分析：

$(document).ready(function()
 {
   ....
  }
);

window.onload=function(){
   ....
}

两段代码功能上可以互换，但又有许多区别：

  1.第一种是Jquery写法，第二种是javaScript写法；

  2.执行顺序不同。

   $(document).ready(function(){}) 页面结构加载完成就可以执行代码。

window.onload必须等页面元素（包含图片）全部加载完成后，才能执行。显然，前者的执行效率高于后者。

3.执行数量不同。
$(document).ready(function(){}) 可以执行多次。

window.onload只能执行一次。

注意：$(document).ready(function(){})可以简写成$(function(){})，下面两段代码是等价的

 $(document).ready(function(){

    //程序段
   })


 $(function(){

  })