【问题标题】:Dom load hierarchyDom 加载层次结构
【发布时间】:2012-10-02 00:51:15
【问题描述】:

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

喜欢css、html、脚本等?

【问题讨论】:

    标签: javascript html css dom scripting


    【解决方案1】:

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

    延迟加载,例如:document.onreadystatechangewindow.loaddefer attritube(用于脚本标签)、注入 html(异步)--不会。

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

    一旦浏览器看到:

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

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

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

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

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

    【讨论】:

    • 你能不能像列表一样用文本输出,html然后css然后等等
    • i DIDNT 说这是命令。项目将按照它们出现的相同顺序加载除非存在延迟命令
    • @Simon 这不是一个列表。您不能依赖特定的加载顺序。
    • 更改为 (document.readyState) 。再次,它们出现在页面中的顺序 - 这是构建 dom 树的顺序。而且我不是在谈论延期项目(再次);
    • 我只是觉得像 html 是先加载然后由 css 设置样式,最后加载脚本来操作内容?
    猜你喜欢
    • 2022-07-28
    • 1970-01-01
    • 1970-01-01
    • 2023-03-20
    • 1970-01-01
    • 2011-04-09
    • 1970-01-01
    • 2023-03-16
    • 1970-01-01
    相关资源
    最近更新 更多