javascript - Dom 加载层次结构

Question

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

比如 css、html、脚本等等？

Answer 1

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

延迟加载，如:document.onreadystatechange，window.load，defer attritube(用于脚本标签)，注入(inject) html(异步)- -不会。

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

一旦浏览器看到:

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

他不关心 src 是 900 mb 还是 1 k。

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

再次(不是在谈论延迟)。

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