DOM加载顺序

最新推荐文章于 2024-07-30 22:36:34 发布

avstd9944

最新推荐文章于 2024-07-30 22:36:34 发布

阅读量94

点赞数

文章标签： javascript xhtml ViewUI

原文链接：http://www.cnblogs.com/Setme/archive/2012/06/07/2540516.html

版权

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

加载顺序实例：

<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 → 加载脚本 → 解析脚本 → 执行脚本 → 加载外部图像文件 → 页面初始化完毕

转载于:https://www.cnblogs.com/Setme/archive/2012/06/07/2540516.html

avstd9944

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
DOM加载顺序

解析HTML结构。加载外部脚本和样式表文件。解析并执行脚本代码。构造HTML DOM模型。加载图片等外部文件。页面加载完毕。加载顺序实例： <html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title>Title</title>...
复制链接

扫一扫