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

【问题标题】：What is the best way to check if dynamic web pages are fully loaded?检查动态网页是否已完全加载的最佳方法是什么？
【发布时间】：2013-06-27 18:41:27
【问题描述】：

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

我知道JQuery的函数：“ready()”

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

【问题讨论】：

window.onload 不是 jQuery 函数。关于它 - 你看过文档吗？
你说得对，对不起，我的意思是准备功能..

标签： javascript jquery web

【解决方案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
});

【讨论】：

今天我了解了$.ready。谢谢。为了清楚起见，我仍然更喜欢更长的版本。
;(function($,undefined){$(function(){ //dom ready})}(jQuery)) 也是一个选项
@VeXii 实际上是模块内最短的处理程序。我的回答是指出调用ready 的各种速记。
除了@James 的回答，我想澄清ready() 说明正在加载的文档并不是所有内容（包括图像等）都已加载，为此，请使用$(window).load()跨度>

【解决方案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);

这种方式在您拥有小型/轻量级页面并且绝对不需要加载外部库/框架的情况下非常有用。

【讨论】：