文档。ready (jQuery事件)将在所有元素就位时触发，并且可以在JavaScript代码中引用它们，但不一定加载内容。文档。ready在加载HTML文档时执行。

$(document).ready(function() {

    // Code to be executed
    alert("Document is ready");
});

窗外。然而，加载将等待页面完全加载。这包括内部框架，图像等。

$(window).load(function() {

    //Fires when the page is loaded completely
    alert("window is loaded");
});

窗口。onload是由DOM api提供的，它说“加载事件在给定资源加载时触发”。

"加载事件在文档加载过程结束时触发。此时，文档中的所有对象都在DOM中，所有图像、脚本、链接和子帧都已完成加载。” DOM onload

但是在jQuery中，$(document).ready()只会在页面文档对象模型(DOM)准备好执行JavaScript代码时运行。这并不包括图像，脚本，iframes等jquery就绪事件

因此jquery ready方法将在dom onload事件之前运行。

ready事件发生在HTML文档加载之后，而onload事件发生在稍后，当所有内容(例如图像)也已加载时。

onload事件是DOM中的标准事件，而ready事件是特定于jQuery的。ready事件的目的是，它应该在文档加载后尽可能早地发生，以便向页面中的元素添加功能的代码不必等待所有内容加载完毕。

一个小提示:

一定要走窗户。addEventListener向窗口中添加一个事件。因为这样可以在不同的事件处理程序中执行代码。

正确的代码:

窗口。addEventListener('load'， function () { alert('你好! ') }) 窗口。addEventListener('load'， function () { alert('再见! ') })

无效的代码:

窗口。Onload = function () { alert('Hello!') //它不会工作!! ｝ 窗口。Onload = function () { alert('再见! ') ｝

这是因为onload只是对象的属性，它会被覆盖。

与addEventListener类似，最好使用$(document).ready()而不是onload。

窗口。onload:普通的JavaScript事件。

文档。ready:整个HTML加载完成时的特定jQuery事件。

文档。ready (jQuery事件)将在所有元素就位时触发，并且可以在JavaScript代码中引用它们，但不一定加载内容。文档。ready在加载HTML文档时执行。

$(document).ready(function() {

    // Code to be executed
    alert("Document is ready");
});

窗外。然而，加载将等待页面完全加载。这包括内部框架，图像等。

$(window).load(function() {

    //Fires when the page is loaded completely
    alert("window is loaded");
});