Jquery中的${document}.ready()与window.onload的区别

区别1：

执行时间：

window.onload必须等到页面内包含图片的所有元素加载完毕后才能执行，所以如果页面的图片很多，则等待的时间可能越长。

但是ready()是DOM结构绘制完毕后就执行，不必等到资源加载完毕后才执行，不过也有弊端，DOM结构加载完毕，很有可能资源图片没有下载结束，这时候去读取图片的宽高不一定能读取的到。

区别2：

编写个数不同：

window.onloa不能同时编写多个，如果有多个window.onload方法，只会执行最后一个。因为会覆盖。

$(document).ready()可以同时编写多个，并且都可以得到执行。因为Jquery对事件绑定做了封装处理。

区别3：

简化写法：window.onload没有简化写法，但是

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

可以简写成

$(function(){})

。