jQuery的。这些函数$（document）.ready和$（window）.load之间有什么区别？

Question

这些函数$(document).ready和$(window).load之间有什么区别，例如，如果我想在所有页面完全加载时使用运行代码？这些函数是用纯JavaScript实现的吗？谢谢！

Answer 1

window.onload = function() {

    alert( "welcome" );

};

不幸的是，在所有图片下载完毕之前，代码才会运行，包括横幅广告。要在文档准备好被操作后立即运行代码，jQuery会有一个称为就绪事件的语句：

$( document ).ready(function() {

    // Your code here.

});

来自http://learn.jquery.com/about-jquery/how-jquery-works/

的

来源

另外，$(document).ready(function(){});它通过回调呼叫功能。您可以定义许多$(document).ready。它会全部运行。

window.onload = function(){}。
“assign”=＆gt;当您定义许多window.onload = ...时，它只运行最后一个函数。

Answer 2

一旦DOM准备就绪，

$(document).ready()就会触发，你可以搞乱DOM元素。 加载页面内容（包括图像）时，$(window).load()会激活。

Answer 3

document.ready将在HTML文档加载属性后立即执行，并且DOM已准备就绪。

document.ready（一个jQuery事件）将在所有元素到位时触发，并且可以在JS代码中引用它们，但不一定要加载内容。

然而，window.load会等待页面完全加载，包括内部框架，图像等。

window.load是一种内置的JavaScript方法，众所周知，它在旧浏览器（IE6，IE8，旧版FF和Opera版本）中存在一些怪癖，但通常可以在所有浏览器中使用。

window.load可以像这样在body的onload事件中使用（但我强烈建议你不要在HTML中混合这样的代码，因为它后来会引起混淆）：