在JavaScript中，onload函数是最经常用到的，这个函数的作用是等待网页完全加载之后再去执行代码块中的语句，因为按照文档的执行顺序，通常用于头部加载JavaScript的时候用到。
代码：
window.onload = function(){
// 当网页加载完成之后执行此处
}
在jQuery中也有一个对应的函数，等待网页加载完成后执行代码块
代码：
$(document).ready(function(){
// 当网页加载完成后执行此处}
上面两个方法看着功能一样，实则不然。
onload不仅在创建Dom树之后，而且是在所有外部资源全部加载完，并且整个页面在浏览器窗口显示完毕后才会执行。这些资源不仅有图片还包括嵌入在页面中的flash视频，如果图片或者flash过多，那么就需要加载一段时间，也就意味着延迟执行代码块的时间会更多。
jQuery中ready方法只需等待文档结构完全解析并且浏览器已经把HTML转化成DOM树之后就会执行代码块，与外部资源如图片或者flash等无关。
由此可见jQuery中的ready方法将比JavaScript中的onload方法缩短等待时间。