当你说$(document).ready(f)时，你告诉脚本引擎做以下事情:

获取对象文档并推送它，因为它不在本地范围内，它必须执行哈希表查找来查找文档的位置，幸运的是，文档是全局绑定的，所以这是一个单一的查找。 找到对象$并选择它，因为它不在本地范围内，它必须进行哈希表查找，这可能有冲突，也可能没有冲突。 在全局作用域中找到对象f，这是另一个哈希表查找，或者push函数对象并初始化它。 调用所选对象的ready，这涉及到对所选对象的另一个哈希表查找，以找到方法并调用它。 完成了。

在最好的情况下，这是2次哈希表查找，但这忽略了jQuery所做的繁重工作，其中$是jQuery所有可能输入的厨子，因此可能有另一个映射将查询分派给正确的处理程序。

或者，你可以这样做:

window.onload = function() {...}

这将

在全局范围内找到对象窗口，如果JavaScript是优化的，它会知道因为窗口没有改变，它已经有了选择的对象，所以什么都不需要做。 函数对象被压入操作数堆栈。 通过查找哈希表来检查onload是否是一个属性，因为它是，所以它像函数一样被调用。

在最好的情况下，这只需要查找一次哈希表，这是必要的，因为必须获取onload。

理想情况下，jQuery会将它们的查询编译为字符串，这些字符串可以被粘贴来做你想要jQuery做的事情，但没有jQuery的运行时分派。通过这种方式，您可以任选其一

像我们今天做的那样动态分派jquery。 让jQuery编译你的查询纯JavaScript字符串，可以传递给eval做你想要的。 将2的结果直接复制到代码中，并跳过eval的代价。

$(文档)时函数(){ //当HTML文档被加载并且DOM准备好时执行 警报(“文件已准备好”); })； // .load()方法从jQuery 1.8开始已弃用 美元(窗口)。On ("load"， function() { //当整个页面完全加载时执行，包括 //所有帧，对象和图像 alert(“窗口已加载”); })； < script src = " https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js " > < /脚本>

事件

美元(文档)。on('ready'， handler)绑定到来自jQuery的ready事件。加载DOM时调用处理程序。像图像这样的资产可能仍然缺失。如果文档在绑定时已经准备好，那么它将永远不会被调用。jQuery为此使用DOMContentLoaded-Event，如果不可用则模拟它。

美元(文档)。On ('load'， handler)是一个事件，当所有资源从服务器加载时将被触发。图像现在已经加载。onload是一个原始HTML事件，而ready是由jQuery构建的。

功能

$(document).ready(handler)实际上是一个承诺。如果在调用时文档已经准备好，则处理程序将立即被调用。否则它会绑定到ready-Event。

在jQuery 1.8之前，$(document).load(handler)作为$(document).on('load'，handler)的别名存在。

进一步的阅读

时机 在函数就绪时 一个例子 承诺 删除的事件别名

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

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

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

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

该文档。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;

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

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