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

标签 javascript dom-events settimeout

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

最佳答案

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

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

关于javascript - 如何识别html页面中的所有元素都已经渲染完毕?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46681718/

相关文章:

javascript - ionic map Controller 未加载

JavaScript 对象镜像/单向属性同步

javascript - 有没有办法覆盖插件以在源代码中显示而不仅仅是所见即所得?

jquery - 如何指定 $ ('a' ).click 事件以仅选择特定的 <a> 标签,而不是所有 <a> 标签?

javascript - 循环中的setTimeout : callbacks happen with no delay between them

reactjs - 如何仅在用户停止输入时才开始搜索?

javascript - 如何将渐变的底部锚定到它在 HTML5 Canvas 中填充的容器?

javascript - 通过在 struts-dojo 自动完成上按 Enter 键来防止表单提交

javascript - 使用 Javascript 将属性添加到 html 标签

javascript - 等到来自 mongoDB 查询的所有项目都被处理后再继续