[js] 第185天 onload事件和domcontentloaded哪个先执行呢？

[haizhilin2013]

第185天 onload事件和domcontentloaded哪个先执行呢？

[nowherebutup]

DomContentLoaded先执行,它在DOM内容加载完毕,就可以执行,而不必等待img,css加载完成 onload需要所有资源全都加载完成才可以;

[JSluowen]

window.onload：它表示页面上的元素全部都加载完成，包括（图片，样式表等资源），它是属于原声Js 中的一个方法， 他只能注册一个。

document.onDOMContentLoaded：表示DOM节点加载完成就立即执行，无需等待样式表，图像完成加载

[bozaigao]

window.onload=function (){
    console.log('onload');
   }

   document.addEventListener('DOMContentLoaded',()=>{
    console.log('domcontentloaded');
   })

domcontentloaded先打印

[d4c-27]

window.onload ：页面全部资源加载完才会执行，包括图片、视频等 DOMContentLoaded：DOM 渲染完即可执行，此时图片、视频还可能没有加载完

[xiaoqiangz]

DomContentLoaded先执行,当初始的 HTML 文档被完全加载和解析完成之后，DOMContentLoaded 事件被触发，而无需等待样式表、图像和子框架的完全加载DOM挂载完执行。 onload需要所有资源全都加载完成才可以，包括css/img/子框架等等