1.解析HTML结构；
2.加载外部脚本文件；
3.解析并执行脚本代码；
4.DOMs树构建完成；
5.加载样式表和图片等外部文件；
6.页面加载完成。
从上面的文档加载的6步中，第4步结束后触发DOMContentLoaded事件，而当最后一步结束后才触发load事件，可以看出DOMContentLoaded是在load之前触发。
原生
window.onload = function(){}
jquery
$(document).load(function(){});
原生
document.addEventListener("DOMContentLoaded", function() {
// ...代码...
}, false);
jquery
$(document).ready(function(){
//do something
})
//简写
$(function(){
// do something
});
DOMContentLoaded、load的区别
1. DOMContentLoaded 与 load 的区别 ? 当 DOMContentLoaded 事件触发时...
参考：DOMContentLoaded与load的区别 一、DOMContentLoaded的含义 1. DO...
一、DOMContentLoaded 与 load 事件 关于 DOMContentLoaded 和 load 事...
DOMContentLoaded 和 Load DOMContentLoaded和Load分别对应 页面DOMCo...
DOMContentLoaded 和 Load DOMContentLoaded 和 Load 分别对应 页面 D...
首先说一下DOM文档加载的流程： 1.解析HTML结构；2.加载外部脚本文件；3.解析并执行脚本代码；4.DOMs...
DOMContentLoaded与load的区别 在js中DOMContentLoaded方法是在HTML文档被完...
看到一篇讲的非常清楚的文章, 具体内容可以点击 传送门
https://demo.airtlab.com/browser/01-DomContentLoaded-and-...
本文标题：load和DOMContentLoaded区别
本文链接：https://www.haomeiwen.com/subject/gnxtsctx.html
网友评论