js加载时间线

先把渡一公开课的拿过来


image.png

先测试了一下


image.png

事件触发顺序是这样的。

document.readyState会依次变化

  1. loading 正在解析
    2.interactive 解析完成 此时可以操作dom
    3.complete / loaded 加载完成 此时可以操作dom

DomContentLoaded 事件在 interactive 和complete之间触发 此时可以操作dom
window.onloaded 同样是加载完成, 似乎 onloaded事件在 complete之后触发。

所以理论上来讲,我们可以在 interactive 和 DomContentLoaded 时,
就可以操作(渲染)dom是最有效率的?
解析完就可以执行 js了。

JS<script> 一定要放在 Body 的最底部吗
https://blog.csdn.net/garvisjack/article/details/71077986#t6

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 8,921评论 1 11
  • 1、创建Document对象,开始解析web页面。解析HTML元素和他们的文本内容后添加Element对象和Tex...
    fuheideMayuyu阅读 2,976评论 0 1
  • 事件是什么,可以用来做什么,什么时候用到它? 事件,就是文档或浏览器窗口中发生的一些特定的交互瞬间。JavaScr...
    茂茂爱吃鱼阅读 5,431评论 0 16
  • JavaScript 与 HTML 之间的交互是通过事件实现的。事件,就是文档或浏览器窗口中发生的一些特定的交互瞬...
    LemonnYan阅读 3,961评论 0 4
  • 今天是鸡年,百年一遇,2次立春。 新春伊始,始于行动。 1.提醒你,每天阅读1小时做到了吗? 你买的书都看完了?书...
    微澜细语阅读 3,579评论 0 4

友情链接更多精彩内容