DOM文档加载步骤
1）解析HTML结构；
2）加载外部脚本和样式文件；
3）解析并执行脚本代码；
4）构造HTML DOM模型 ；//ready
5）加载图片等外部文件；
6）页面加载完毕。//load
ready事件：
// Jquery 代码如下：
$(document).ready(function(){...}); // 写法1
$(function(){...}); // 写法2 简写
ready事件在DOM结构绘制完成之后就会执行，这样能确保就算有大量的媒体文件没有加载出来，JS代码一样可以执行。
load事件：
// Jquery 代码如下：
$(window).load(function(){ })
load事件必须等到网页中所有内容全部加载完毕之后才被执行。如果一页网页有大量图片的话，则就出现网页文档已经呈现出来但网页数据(脚本初始化)还没加载完毕，导致load事件不能够即时被触发.
区别：
1.执行时间
window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
$(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。
2.编写个数不同
window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个
$(document).ready()可以同时编写多个，并且都可以得到执行
3.简化写法
window.onload没有简化写法
$(document).ready(function(){})可以简写成$(function(){});
