document对象的readyState属性

document加载

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

loading / 正在加载：document 仍在加载。

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

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

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

（当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();
  }
}

 

注意

script标签也有readyState属性

参考

幸好document.readyState还是有点锤子用的

document.readyState