在Internet Explorer中使用$(document).ready()需要注意。如果一个HTTP请求在整个文档加载之前被中断(例如，当一个页面流到浏览器时，另一个链接被单击)IE将触发$(document)。准备好活动。

如果$(document).ready()事件中的任何代码引用DOM对象，则存在找不到这些对象的可能性，并且可能发生Javascript错误。要么保护对这些对象的引用，要么将引用这些对象的代码延迟到窗口。负载的事件。

我无法在其他浏览器(特别是Chrome和Firefox)中重现此问题

一个小提示:

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

正确的代码:

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

无效的代码:

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

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

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

窗口。onload是JavaScript内置函数。窗口。当HTML页面加载时，onload触发器。窗口。Onload只能写入一次。

文档。ready是jQuery库的一个函数。文档。ready在HTML文件中包含的HTML和所有JavaScript代码、CSS和图像完全加载时触发。 文档。Ready可以根据需要写多次。

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

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

文档。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");
});

该文档。ready事件发生时，HTML文档已加载，窗口。Onload事件总是稍后发生，当所有内容(图像等)都已加载。

你可以使用文档。Ready事件，如果你想在渲染过程中“早期”介入，而不等待图像加载。 如果你需要图像(或任何其他“内容”)在你的脚本“做一些事情”之前准备好，你需要等到window.onload。

例如，如果您正在实现“幻灯片显示”模式，并且需要根据图像大小执行计算，则可能希望等到window.onload。否则，您可能会遇到一些随机问题，这取决于图像加载的速度。您的脚本将与加载图像的线程同时运行。如果脚本足够长，或者服务器足够快，如果图像恰好及时到达，您可能不会注意到问题。但是最安全的做法是允许图像被加载。

文档。Ready可以是一个很好的事件，让你向用户显示一些“loading…”标志，并在窗口上显示。onload，你可以完成任何需要加载资源的脚本，然后最后删除“Loading…”标志。

例子:-

// document ready events
$(document).ready(function(){
     alert("document is ready..");
})

// using JQuery
$(function(){
   alert("document is ready..");
})

// window on load event
function myFunction(){
  alert("window is loaded..");
}
window.onload = myFunction;