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/

相关文章:

  • 2021-06-16
  • 2021-08-13
  • 2021-10-23
  • 2021-08-07
  • 2022-12-23
  • 2021-06-10
  • 2021-08-19
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-11-27
  • 2022-12-23
  • 2022-12-23
  • 2021-10-07
相关资源
相似解决方案