javascript - Dom 加载层次结构

Question

我已经找了一段时间了，发现了一次，但又找不到了，不同的东西按什么顺序加载到 DOM 中？

比如css、html、脚本等等？

Answer 1

它们在页面中出现的顺序相同

延迟加载，如 : document.onreadystatechange, window.load, deferattritube (for script tag) , injection html (async) --won't 。

OP询问了他们在dom中加载的顺序。

一旦浏览器看到：

<img class="a"/>
<img class="b"/>
<img class="c"/>

他不在乎 src 是 900 mb 还是 1 k。

这是将在 dom 中加载的顺序。

再次（不是在谈论推迟）。

http://jsbin.com/uyocaq/2/edit