DOM文档加载顺序及readyState的状态

readyState共有五种状态，分别是：

• uninitialized：初始状态
• loading：document加载中
• loaded: document加载完成
• interactive：已加载并可与用户交互，但还需要加载图片等其他资源
• complete：全部资源加载完成

DOM文档加载顺序：

1. 解析HTML结构
2. 加载外部脚本和样式表文件(loading)
3. 解析并执行脚本
4. DOM树构建完成（readyState：interactive）
5. 加载外部资源文件（图片等）
6. 页面加载完成（readyState：complete）

IE浏览器的最终状态有时候只到loaded而不会到complete，有时候也可能直接跳过loaded直接到达complete状态。