html dom readystate页面加载状态监测

html dom readystate是一种页面加载状态监测技术，它可以帮助我们检测页面加载的状态，从而更好地利用页面资源。

html dom readystate可以检测到页面加载的状态，它可以检测到以下几种状态：

• loading：页面正在加载中，此时页面上的元素还没有被渲染出来。
• interactive：页面加载完成，此时页面上的元素已经被渲染出来，但是页面上的资源（如图片、视频）还没有加载完成。
• complete：页面加载完成，此时页面上的元素和资源都已经加载完成。

使用html dom readystate可以检测到页面加载的状态，我们可以根据不同的状态来做出不同的操作，从而更好地利用页面资源。

document.onreadystatechange = function(){
  if(document.readyState == "loading"){
    // 页面正在加载中，此时页面上的元素还没有被渲染出来
  }else if(document.readyState == "interactive"){
    // 页面加载完成，此时页面上的元素已经被渲染出来，但是页面上的资源（如图片、视频）还没有加载完成
  }else if(document.readyState == "complete"){
    // 页面加载完成，此时页面上的元素和资源都已经加载完成
  }
}

以上是使用html dom readystate检测页面加载状态的一个简单示例，我们可以根据不同的状态来做出不同的操作，从而更好地利用页面资源。