javascript中ready和onload的理解

首先，document.ready和window.onload都是原生js的，但是js并没有实现ready方法，需要自己实现，或者使用jQuery的文档就绪方法；而onload在没定义方法之前，也只是一个值为null的属性。

一、自己实现js的ready

二、jQuery的文档就绪方法

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

这两者是一个方法，$(function(){})为简写（用的多）。

三、window的onload方法

使用onload方法，只要在script标签中定义它的函数，网页就会在页面资源加载完成时执行函数。
注意，如果重复定义onload（一个页面中定义了多个onload函数），那么页面资源加载完成时只会执行最后定义的那个函数。

四、document.ready和window.onload的区别

document.ready方法在DOM树加载完成后就会执行，而window.onload是在页面资源（比如图片和媒体资源，它们的加载速度远慢于DOM的加载速度）加载完成之后才执行。
也就是说$(document).ready要比window.onload先执行。

$(function(){
	alert("先执行");
})
window.onload=function(){
	alert("后执行");
}