1. `document.ready()`, `document.onload()`, 和 `window.onload()` 都是 JavaScript 中用于在文档加载完成后执行代码的方法,但是它们之间有一些区别。 2. `document.ready()` 是 jQuery 提供的方法,用于在 DOM 加载完成后执行代码。它在页面加载时就可以执行,不必等待样式表、图像和子框架的完全加载。这个方法在 jQuery 3.0 版本中已经废弃,可以使用 `$(document).ready()` 或者更简洁的 `$(function(){})` 来代替。 3. `document.onload()` 是原生 JavaScript 提供的方法,用于在整个页面(包括样式表、图像和子框架)加载完成后执行代码。这个方法只能在整个页面加载完成后才会执行,因此可能需要等待一些比较大的资源加载完毕后才能执行。 4. `window.onload()` 也是原生 JavaScript 提供的方法,用于在整个页面(包括样式表、图像和子框架)加载完成后执行代码。与 `document.onload()` 不同的是,`window.onload()` 还可以检测到所有资源都已经加载完毕,包括外部的脚本文件。因此,`window.onload()` 可以用来确保所有资源都已经加载完毕后再执行代码。 以下是一个简单的例子来演示这些方法的使用方式: ```javascript $(document).ready(function(){ // 在 DOM 加载完成后执行代码 }); document.onload = function(){ // 在整个页面加载完成后执行代码 }; window.onload = function(){ // 在整个页面和所有资源加载完成后执行代码 }; ``` 需要注意的是,document.onload() 可能会和某些浏览器存在兼容性问题,因此建议使用 window.onload() 来确保代码在所有资源加载完成后执行。