Javascript 如何检查网页是否100%加载？

有没有办法检查网页是否100%加载了javascript

100%表示网页包含的所有图像、文件、脚本和样式。

是，window.onload:

window.onload = function () {
    // web page is loaded
}

---

100%是什么意思

您可以验证DOM是否完全加载了

或者使用jQuery语法：

$（document）.ready（function（）{}）

但它不会等待图像，例如

编辑

如果您想检查动态加载内容的readystate，仍然可以使用jQuery的
.ready
方法。但您必须在加载内容的选择器上使用它，而不是在主体、窗口或文档上

$(document).ready(function() {
  ready=true;
  $('img,link').each(function() {
    if(!$(this).load(function() {
      ready=false;
    });
  });
});

您可以使用
窗口。onload
功能进行此操作。例如

window.onload = function () { alert("It's loaded!") }

这是您需要检查页面是否100%加载的内容

如果要在加载DOM内容后触发函数，请使用：

document.addEventListener("DOMContentLoaded", function() {
  
});

$（document）.ready（）
？
$（window）.load（）
事件在完全加载整个页面（包括所有帧、对象和图像）时触发请澄清。100%是什么意思。只有那一页？还有风格？图像？所有iFrame的内容？另外，您正在询问如何在javascript中执行此操作，但您还有一个jquery标记。你在寻找jquery或javascript代码吗？100%的意思是=>所有的图像、文件和脚本都已加载@DixitSingla，使用
$（窗口）。load（）
@DixitSingla请澄清，在问题中，不是作为对其中一个答案的注释
$（）。ready
忽略其参数…为什么
$（此）。单独加载每个元素，而不是整个文档？只等待DOM。请注意，问题已更新。@JanDvorak他没有要求提供等待文档完全加载的代码，他要求提供一种检查页面是否加载的方法。如果（document.readyState==“complete”）{}
，则可以使用
完成此操作。在否决我的答案之前，请先阅读问题。另外，如果
document.readyState
设置为
complete
，则表示所有内容都已加载（100%）。删除了我的投票，因为您删除了
$（document）。就绪
。第二部分确实不是提问者想要的。我们能得到加载资源的百分比吗？像图片、脚本等？
document.addEventListener("DOMContentLoaded", function() {
  
});