webpage - 我想知道一个特定的网页是否使用 javascript 完全加载

Question

我想知道一个特定的网页是否使用 javascript 完全加载

例如）一个网页可以有通过 Ajax 显示的动态内容，或者通过 javascript、所有图像和 css 显示的内容。我需要找出所有这些内容何时正确加载以及网页是否稳定。

我得到了一些指针，例如 ondocumentready，它是 window.onload、onreadystatechange 的替代方案，但这些解决方案不可靠，有时它可以工作，有时它不能

此外，该解决方案应该独立于浏览器，即它应该适用于所有浏览器

对此的任何指示将不胜感激

提前致谢

score 4 · Accepted Answer

使用jQuery及其简单：

<script type="text/javascript">
    $(document).ready(function() {
        alert('doc is ready');
        });
    });
</script>

score 1 · Accepted Answer

您还可以使用以下内容。这是@cottsak 发布的代码的简写版本

$(function() 
{ 
     // your code 
});

如果您使用jQuery.noConflict()（用于将 $ 变量的控制权交还给首先实现它的任何库），您可以这样做：

通过添加jQuery.noConflict()，jquery不会与其他库的$变量冲突

jQuery(function($) 
{ 
       // your code
});

score 1 · Accepted Answer

使用纯 javascript，您可以将 javascript 放在 body 标记的 onload 事件中，如下所示：

<body onload="function">

这将在页面完成加载时触发。

score 0 · Accepted Answer

作为@Rigobert和@cottsack两个答案的比较：

window.onload：

应该只用于检测完全加载的页面。

所以它应该很适合你的问题。

而$(document).ready(火灾（在大多数情况下，取决于浏览器）

当初始 HTML 文档已完全加载和解析时，无需等待样式表、图像和子框架完成加载。

另请参阅window-onload-vs-document-ready和DOMContentLoaded 事件（这似乎触发了 JQuery 的 $(document).ready()）。jquery-ready-vs-window-onload也有一个很好的答案。

4 回答 4