网页文档的事件介绍

Question

文档的 readyState 可以是

• loading，document 仍在加载
• interactive，文档已被解析，但是诸如头像、样式表的子资源仍旧在加载
• complete，文档和所有的子资源完成加载

属性值变化的时，会触发 document 对象上的 readystatechange 事件将被触发。

document.onreadystatechange = function () {
  // 模拟 DOMContentLoaded/ jquery ready
  if (document.readyState === "interactive") {
    // do something
  }
  // 模拟 load 事件
  if (document.readyState === "complete") {
    // do something
  }
}