onload 和 document.ready

页面加载完成有两种事件，

document.ready

表示文档结构已经加载完成(不包含图片等非文字媒体文件)，

onload

指示页面包含图片等文件在内的所有元素都加载完成。

区别

• ready 事件在 DOM 结构绘制完成之后就会执行，这样能确保就算有大量的媒体文件没加载出来，JS 代码一样可以执行。

• load 事件必须等到网页中所有内容全部加载完毕之后才被执行。如果一个网页中有大量的图片的话，则就会出现这种情况:网页文档已经呈现出来，但由于网页数据还没有完全加载完毕，导致 load 事件不能够即时被触发，

ready 与 load 哪一个先执行哪一个后执行?

基本上是 ready 先执行。