load,onload,jquery加载顺序

在理解JavaScript、jQuery和HTML文档加载顺序方面，有几个关键点：

1. JavaScript的load事件：这个事件会在页面的资源（如图片和样式表）加载完成后触发。
2. window.onload：这是一个在整个页面完成加载后（包括依赖的资源如图片和脚本）立即执行的事件处理器。
3. jQuery的$(document).ready()：这是一个在DOM完全加载并可以操作后执行的回调函数，不等待依赖的资源加载完成。

加载顺序：

• window.onload在所有资源加载完成后最后执行。
• jQuery的$(document).ready()在DOM完全加载后执行，不等待资源加载。
• load事件是在$(document).ready()之后、window.onload之前触发的。

示例代码：

// JavaScript原生onload事件
window.onload = function() {
    console.log('全部加载完成');
};
 
// jQuery的$(document).ready()
$(document).ready(function() {
    console.log('DOM加载完成');
});
 
// 图片资源加载完成
document.getElementById('myImage').onload = function() {
    console.log('图片加载完成');
};

在这个例子中，控制台的输出顺序将是：

1. DOM加载完成 (jQuery的$(document).ready())
2. 图片加载完成 (图片的onload事件)
3. 全部加载完成 (原生的window.onload)