window.onload和$(document).ready()区别

1.执行时间 

        window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 

        $(document).ready()是DOM结构(页面上的标签加载完)绘制完毕后就执行,不必等到加载完毕。 

  比如说页面有个<img />标签,加载页面时,window.onload 要等图片完全显示出来之后才执行(假设其他代码都在图片显示之前加载完了);而 $(function(){ }) 等<img />标签加载完就执行了,这时候图片可能还没有显示出来


2.编写个数不同 

         window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个 
         $(document).ready()可以同时编写多个,并且都可以得到执行 

3.简化写法 

         window.onload没有简化写法 

         $(document).ready(function(){})可以简写成$(function(){});

window.onload和$(document).ready()区别