简述$(document).ready()方法和window.onload有什么区别？
$(document).ready() 方法和 window.onload 事件处理器在 Web 页面加载过程中扮演着不同的角色。它们的主要区别在于触发时间以及它们各自的用途。
$(document).ready() 方法
- 触发时间：当 HTML 文档的 DOM 完全加载和解析完成后立即触发，不需要等待样式表、图片和子框架的加载完成。这意味着一旦 HTML 的结构准备就绪，你就可以开始对 DOM 元素进行操作。
-
用途：非常适合于初始化页面元素、绑定事件处理器等操作，因为它确保了 DOM 树已经构建完成。
-
兼容性：是 jQuery 特有的，不是原生 JavaScript 的一部分，但提供了跨浏览器的一致性。
-
示例：
$(document).ready(function() { // 当 DOM 准备就绪时执行代码 });或者更简洁的写法：
$(function() { // 当 DOM 准备就绪时执行代码 });
window.onload 事件
- 触发时间：直到页面中的所有元素（包括 DOM、图片、外部资源如样式表和脚本等）完全加载后才会触发。这意味着在所有的页面资源都加载完成之前，任何想要执行的代码都会被延迟执行。
-
用途：适合于执行那些需要访问页面中所有元素，包括图片和外部资源等，的脚本。如果你的 JavaScript 代码需要依赖图片的尺寸或其他外部资源，那么这个事件就特别有用。
-
兼容性：
window.onload是原生 JavaScript 的一部分，因此在所有浏览器中都是支持的。 -
示例：
window.onload = function() { // 页面的所有资源包括图片都加载完成后执行代码 };
总结
$(document).ready()更适合于初始化操作，因为它不需要等待图片或外部文件加载完成。window.onload更适合于执行需要依赖于所有页面内容完全加载的操作，如基于图片大小的布局调整。
选择哪一个取决于你的具体需求，但在大多数情况下，$(document).ready() 是更常见的选择，因为它允许你尽早开始 JavaScript 操作，而无需等待所有资源的加载。