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

Question

如果没有在window.onload内设置变量，有没有办法检测页面是否已完成加载？

我在一个可能或可能没有完全加载的页面中注入了一些第三方JS。我无法修改页面。我不能使用JQuery。

我可以添加一个函数并重复轮询，直到它返回true（页面满载）。有什么想法吗？

Answer 1

您可以查看document.readyState属性。

来自MDN：

  

返回＆＃34; loading＆＃34;当文档正在加载时，＆＃34;交互式＆＃34;一旦完成解析但仍然加载子资源，＆＃34;完成＆＃34;一旦加载。

Answer 2

我会使用readyState。

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

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