事件

美元(文档)。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)的别名存在。

进一步的阅读

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

事件

美元(文档)。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:普通的JavaScript事件。

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

$(文档)时函数(){ //当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 " > < /脚本>

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

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

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

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

$(document).ready()是一个jQuery事件。JQuery的$(document).ready()方法在DOM准备就绪时立即被调用(这意味着浏览器已经解析了HTML并构建了DOM树)。这允许您在文档准备好操作时立即运行代码。

例如，如果一个浏览器支持DOMContentLoaded事件(许多非ie浏览器都支持)，那么它将在该事件上触发。(请注意DOMContentLoaded事件仅在IE9+中添加到IE。)

可以使用两种语法:

$( document ).ready(function() {
   console.log( "ready!" );
});

或者简写一下:

$(function() {
   console.log( "ready!" );
});

$(document).ready()的要点:

它不会等待图像被加载。 用于在完全加载DOM时执行JavaScript。把事件处理程序放在这里。 可多次使用。 当收到“$ is not defined”时，将$替换为jQuery。 如果您想操作图像，则不使用。请使用$(window).load()代替。

window.onload()是一个原生JavaScript函数。当页面上的所有内容(包括DOM(文档对象模型)、横幅广告和图像)都已加载时，window.onload()事件将触发。两者之间的另一个区别是，虽然我们可以有多个$(document).ready()函数，但我们只能有一个onload函数。