jquery中$(document).ready() 和javascript中onload的区别

前几天看到老大在写代码是发现有一句代码写在$(document).ready({

//code

});

中时，页面内容部分没有显示。

结果老大把那句代码提出来写在了另一个function中，通过body(或frame)中的onload()去调用后，结果页面就显示正确了。

原来jquery库中$(document).ready() 和javascript中onload还是有区别的：

1.执行时间：

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

$(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕js。

2.编写个数不同

window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个

$(document).ready()可以同时编写多个，并且都可以得到执行

3.简化写法

window.onload没有简化写法

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