readystate

一个document 的 Document.readyState 属性描述了文档的加载状态。

当该属性值发生变化时，会在document 对象上触发readystatechange事件。

一个文档的 readyState 可以是以下之一：

• loading / 正在加载document 仍在加载

• interactive / 可交互文档已被解析，"正在加载"状态结束，但是诸如图像，样式表和框架之类的子资源仍在加载

• complete / 完成文档和所有子资源已完成加载。表示 load 状态的事件即将被触发。

与 DOMContentLoaded 对比

document.readyState = 'loading'
↓
document.readyState变成'interactive'
↓
'DOMContentLoaded'事件执行
↓
document.readyState变成'complete'
↓
'load'事件执行