document.readyState

概述

当document文档正在加载时,返回"loading"。当文档结束渲染但在加载内嵌资源时，返回"interactive"，并引发DOMContentLoaded事件。当文档加载完成时,返回"complete"，并引发load事件。

语法

var string = document.readyState;

例子

// 模拟DOMContentLoaded
document.onreadystatechange = function () {
  if (document.readyState == "interactive") {
    initApplication();
  }
}

// 模拟 load事件
document.onreadystatechange = function () {
  if (document.readyState == "complete") {
    initApplication();
  }
}

相关链接

• document.onreadystatechange
• Bug 347174 - Implement document.readystate == "complete"

规范

• https://www.whatwg.org/specs/web-apps/current-work/multipage/dom.html#current-document-readiness