浏览器解析动态脚本过程

Question

动态添加一条脚本bundle.js中为什么能访问下面未t的节点。求浏览器执行的详细过程。

Answer 1

动态添加的script中src加载js是异步的，加载完成的时候会调用 script.onload事件。在加载js文件的过程中并不会阻塞浏览器的渲染，所以class="t"被渲染了，等js文件加载完，并执行的时候，这个div已经存在。