domcontentloaded和load的区别

DOM文档加载的步骤为

• 解析HTML结构。
• DOM树构建完成。//DOMContentLoaded
• 加载外部脚本和样式表文件。
• 解析并执行脚本代码。
• 加载图片等外部文件。
• 页面加载完毕。//load

DOMContentLoaded

　当初始的 HTML 文档被完全加载和解析完成之后，DOMContentLoaded 事件被触发，而无需等待样式表、图像和子框架的完成加载。

load 

　load 仅用于检测一个完全加载的页面，页面的html、css、js、图片等资源都已经加载完之后才会触发 load 事件。

 

// 不兼容老的浏览器，兼容写法见[jQuery中ready与load事件或用jQuery
document.addEventListener("DOMContentLoaded", function() {
   
}, false);

window.addEventListener("load", function() {
    
}, false);

// DOMContentLoaded
$(document).ready(function() {
    
});

//load
$(document).load(function() {
    
});

文章