readyState共有五种状态,分别是:
- uninitialized:初始状态
- loading:document加载中
- loaded: document加载完成
- interactive:已加载并可与用户交互,但还需要加载图片等其他资源
- complete:全部资源加载完成
DOM文档加载顺序:
- 解析HTML结构
- 加载外部脚本和样式表文件(loading)
- 解析并执行脚本
- DOM树构建完成(readyState:interactive)
- 加载外部资源文件(图片等)
- 页面加载完成(readyState:complete)
IE浏览器的最终状态有时候只到loaded而不会到complete,有时候也可能直接跳过loaded直接到达complete状态。