简述$(document).ready()方法和window.onload有什么区别？

$(document).ready() 和 window.onload 都是 JavaScript 中用于在网页加载完成后执行某些操作的方法，但它们在执行时机和用途上有一些重要的区别。

1. 执行时机：

   • $(document).ready()：这个方法会在 DOM（Document Object Model，文档对象模型）加载完成后立即执行，而不必等待所有的图像、样式表、脚本等完全加载。也就是说，当 HTML 文档结构被完全加载和解析完成后，就可以执行这个函数内的代码了。
   • window.onload：这个方法会在整个页面（包括所有框架、图像、脚本文件等）完全加载完成后才会执行。也就是说，只有当所有的资源（如图片、CSS、JS等）都加载完毕后，才会执行这个函数内的代码。

2. 用途：

   • $(document).ready()：这个方法通常用于在 DOM 加载完成后立即执行一些操作，例如绑定事件处理函数，初始化某些变量等。因为这个方法执行的时间较早，所以通常用于操作 DOM，或者执行一些不需要等待所有资源加载完成的代码。
   • window.onload：这个方法通常用于在所有的资源都加载完成后执行一些操作，例如需要等待所有图片加载完成才能执行的代码。因为这个方法需要等待所有的资源都加载完成，所以如果有一些资源加载比较慢，可能会导致这个方法延迟执行。

总的来说，$(document).ready() 和 window.onload 都可以用于在网页加载完成后执行某些操作，但它们的执行时机和用途有所不同，需要根据具体的需求来选择使用哪个方法。