Document.readyState 如何使用和侦听

​​Document. readyState​​ 有三种状态

  • ​​loading​​： 文档还在加载中
  • ​​interactive​​： 文档主体内容已加载完成，但附属的图片、js、css 什么的还在载入中
  • ​​complete​​： 加载完成

侦听使用

document.onreadystatechange = event => {
  console.log(event)
  console.log(document.readyState)
}

当 document 状态发生变化时，会触发 ​​docuemnt.onreadstatechange​​ 事件，这个事件的内容如下：

Document.readyState 如何使用和侦听_css

document.onreadystatechange = event => {
   console.log(event.timeStamp, document.readyState)
}

可以看到对应时间对应的事件变化：

Document.readyState 如何使用和侦听_前端_02