HTML（DOM）加载顺序

bdbox@qq.com

已于 2023-02-18 07:37:16 修改

阅读量260

点赞数

CC 4.0 BY-SA版权

分类专栏： ASP.NET Core Blazor 文章标签： EFCore7 javascript

于 2023-02-14 22:31:33 首次发布

本文链接：https://blog.youkuaiyun.com/bdbox/article/details/129034770

ASP.NET Core Blazor 专栏收录该内容

32 篇文章

订阅专栏

博客介绍了HTML解析原则为“由上到下，由外到里”，解析顺序从Head到Body，具体为Head->Title->script，body -> div -> img->script，解析完成后触发onload事件，并给出了解析顺序结果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原则：“由上到下，由外到里”。

<html>
<head>
    <title>title</title>
    <script>
        alert('aa');
    </script>
</head>
<body onload="alert('bb');">
    <div>
        cc
    </div>
    <img src="http://XXX.com/ee.jpg"/>
    <script>
        alert('dd');
    </script>
</body>
</html>

Head -> Body

细节：