先把渡一公开课的拿过来
先测试了一下

事件触发顺序是这样的。
document.readyState会依次变化
- loading 正在解析 2.interactive 解析完成 此时可以操作dom 3.complete / loaded 加载完成 此时可以操作dom
DomContentLoaded 事件在 interactive 和complete之间触发 此时可以操作dom window.onloaded 同样是加载完成, 似乎 onloaded事件在 complete之后触发。
所以理论上来讲,我们可以在 interactive 和 DomContentLoaded 时, 就可以操作(渲染)dom是最有效率的? 解析完就可以执行 js了。
JS