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