Javascript 如何识别，html页面中的所有元素都已呈现？

我想添加一个加载图像到我的页面。我已经在body标签的开头添加了加载图像，并且删除了HTML标签末尾的加载图像。现在我能够确定Js文件何时完全下载。但是，如何确保页面中的所有元素都已完全呈现？现在，我正在使用

setTimeOut

函数添加额外的1秒延迟。是否有方法确定HTML页面中的所有元素都已呈现

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

---

readyState属性用于确定文档的状态。请参阅MDN文档：

您是否使用了任何框架？像jquery或angular？不，我没有使用任何框架@谢谢你的回答。但仍会在渲染过程之前激发document.readyState。如何确定渲染过程是否已完成。