zoukankan      html  css  js  c++  java
  • DOM加载顺序

    1. 解析HTML结构。
    2. 加载外部脚本和样式表文件。
    3. 解析并执行脚本代码。
    4. 构造HTML DOM模型。
    5. 加载图片等外部文件。
    6. 页面加载完毕。

    加载顺序实例:

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>Title</title>
        <style type="text/css">
            body
            {
                font-sie: 12px;
            }
        </style>
        <link href="style.css" rel="stylesheet" type="text/css" media="all" />
        <script src="js.js" type="text/javascript"></script>
    </head>
    <body>
        <div>
            <script type="text/javascript">
                function f1() { }
            </script>
            <img src="1.gif" />
        </div>
        <script type="text/javascript">
            function f2() { }
        </script>
    </body>
    </html>
    


     

    html → head → title → #text(网页标题) → style → 加载样式 → 解析样式 → link → 加载外部样式表文件 → 解析外部样式表 → script → 加载外部脚本文件 → 解析外部脚本文件 → 执行外部脚本 → body → div → script → 加载脚本 → 解析脚本 → 执行脚本 → img → script → 加载脚本 → 解析脚本 → 执行脚本 → 加载外部图像文件 → 页面初始化完毕

  • 相关阅读:
    [SCOI2010]连续攻击游戏
    [SCOI2010]幸运数字
    SCOI2010第一场
    Asm.Def谈笑风生
    商务旅行
    [NOI2000] 单词查找树
    [HNOI2004] L语言
    于是他错误的点名开始了
    字典
    [SDOI2015]星际战争
  • 原文地址:https://www.cnblogs.com/Setme/p/2540516.html
Copyright © 2011-2022 走看看