javascript - 检查动态网页是否已完全加载的最佳方法是什么？

Question

我只需要检查页面是否已加载（没有在页面完全显示后可能会修改的动态对象）

我知道 JQuery 的功能：“ready()”

此功能是否与上述情况相关？还有其他/更好的方法吗？

Answer 1

window.onload不是一个 jQuery 函数，它是一个 DOM 事件。

如果使用 jQuery，检查页面是否加载的最好方法是处理ready事件，这可以通过各种方式完成

最短的

$(function() {
    // DOM initialized
});

短的

$.ready(function() {
    // DOM initialized
});

更长

$(document).ready(function() {
    // DOM initialized
});

最长

jQuery(document).ready(function() {
    // DOM initialized
});

Answer 2

只是提到你有一个替代 jQuery 的方法。您可以使用纯 JavaScript 解决方案：

window.addEventListener("load", function load(event){ // defining load event listener

    window.removeEventListener("load", load, false); //remove listener, no longer needed

    // window is loaded , you can use its DOM

},false);

例如，当您拥有小型/轻量级页面并且绝对不需要加载外部库/框架时，这种方式非常有用。