0.加载完页面,解析完所有标签(不包括执行CSS和JS),并如规范中所说的设置 interactive 和执行每个静态的script标签中的JS,然后触发。
1.没有js,有css,有img,DOMContentLoaded事件不直接等待CSS文件、图片的加载完成
2.有js,没有css,有img,DOMContentLoaded事件需要等待JS执行完才触发
3.有js,而且js前面有css,没有img,DOMContentLoaded事件需要等待css加载完,JS执行完才触发
总结:DOMContentLoaded依赖js执行完,js执行依赖css加载完。
tips:img展现,依赖css加载完,不依赖js执行完。
参考:http://www.alloyteam.com/2014/03/effect-js-css-and-img-event-of-domcontentloaded/