如何识别，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