js中onload和ready区别是什么

在JavaScript中，onload 和 ready 是两个常用的事件处理机制，用于在页面加载完成后执行相应的代码。它们之间有以下区别：

1. 触发时机：
   • onload 事件在整个页面及其相关资源（如图片、样式表等）都加载完毕后触发。
   • ready 事件是jQuery库中提供的一个特殊事件，在DOM结构构建完毕后触发，不需要等待其他资源的加载。
2. 执行时机：
   • onload 事件处理程序会在整个页面及其相关资源加载完毕后才执行。
   • ready 事件处理程序会在DOM结构就绪后立即执行，不需要等待其他资源的加载。
3. 使用方式：
   • onload 事件可以通过将事件处理函数赋值给 window.onload 属性来实现。
   • ready 事件可以使用jQuery库中的 $(document).ready() 或 $().ready() 方法来绑定事件处理程序。
4. 多次绑定：
   • onload 事件只能有一个处理程序，后绑定的会覆盖前面的绑定。
   • ready 事件可以多次绑定多个处理程序，它们会按照绑定的顺序依次执行。

总结来说，onload 事件是原生JavaScript事件，用于在整个页面及其相关资源加载完毕后执行代码；而 ready 事件是jQuery库提供的事件，用于在DOM结构就绪后执行代码，不需要等待其他资源的加载。它们的主要区别在于触发时机和执行时机，以及多次绑定的能力。