Javascript页面是否完全加载布尔检查

Javascript page is fully loaded boolean check

本文关键字：加载 布尔 检查 是否 Javascript      更新时间：2023-09-26

缺少在window.onload内部设置变量，是否有方法检测页面是否已完成加载?

我在一个页面中注入了一些第三方JS，可能会或可能不会完全加载。我不能修改这一页。我不会用JQuery。

我可以添加一个函数并反复轮询它，直到它返回true(页面完全加载)。什么好主意吗?

我会使用readyState。

例如，首先检查文档是否已加载，如果没有设置侦听器:

if(document.readyState === 'ready' || document.readyState === 'complete') {
  doSomething();
} else {
  document.onreadystatechange = function () {
    if (document.readyState == "complete") {
      doSomething();
    }
  }
}

您可以查看document.readyState属性

从MDN:

在文档加载时返回"loading"，在完成解析但仍在加载子资源时返回"interactive"，在加载完后返回"complete"。

相关文章：