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

猜你喜欢

转载自www.cnblogs.com/kunmomo/p/12102881.html