Javascript Jquery。这些函数$(document.ready)和$(window.load)之间有什么区别?

Javascript Jquery。这些函数$(document.ready)和$(window.load)之间有什么区别?,javascript,jquery,Javascript,Jquery,这些函数$(document.ready和$(window.load)之间有什么区别,例如,如果我想在所有页面加载完成时使用一次运行代码?这些函数是用纯JavaScript实现的吗?谢谢 $(document).ready()在DOM准备就绪后立即激发,您可以处理DOM元素。 $(窗口).load()在加载页面内容(包括图像)时激发。document.ready将在加载HTML文档属性和DOM就绪后立即执行 document.ready(jQuery事件)将在所有元素都就位时触发,它们可以在JS

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

$(document).ready()
在DOM准备就绪后立即激发,您可以处理DOM元素。
$(窗口).load()在加载页面内容(包括图像)时激发。

document.ready
将在加载HTML文档属性和DOM就绪后立即执行


document.ready
(jQuery事件)将在所有元素都就位时触发,它们可以在JS代码中引用,但不一定加载内容

窗口.load
将等待页面完全加载,包括内部框架、图像等

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

window.load
可以在body的onload事件中使用,如下所示(但我强烈建议您避免在HTML中混合使用此类代码,因为这会导致以后的混淆):

不幸的是,在下载完所有图像(包括横幅广告)后,代码才会运行。要在文档准备好进行操作时立即运行代码,jQuery有一个称为ready事件的语句:

$( document ).ready(function() {

    // Your code here.

});
来源于

另外,
$(document).ready(function(){})它通过回调调用函数。您可以定义许多
$(document).ready
。它会跑完所有的路

window.onload=function(){}

“assign”=>当您定义多个
window.onload=…
时,它只运行最后一个函数

$(window.load()
window.onload=…
不是一回事,而是做同样的事。您可以有很多所需的
$(window.load()
事件,但不建议使用它(与DOM就绪方法相同)。它与
window.addEventListener('load',function(){})
相同。此外,代码仅在“所有图像都已完成”时运行也并非不幸。
$( document ).ready(function() {

    // Your code here.

});