javascript - 如何识别html页面中的所有元素都已经渲染完毕？

Question

我想向我的页面添加加载图像。我在 body 标记的开头添加了加载图像，并在 HTML 标记的末尾删除了加载图像。现在我可以确定 Js 文件何时完全下载。但是，如何确保页面中的所有元素都已完整渲染呢？现在，我使用 setTimeOut 函数来添加额外的一秒延迟。有没有办法识别HTML页面中的所有元素都已渲染？

Answer 1

document.onreadystatechange = function () {
  if (document.readyState === "complete") {
    //do everything here
  }
}

readyState 属性用于确定文档的状态。请参阅 MDN 文档:https://developer.mozilla.org/en-US/docs/Web/API/Document/readyState