网页如何执行：逐步分解？

网页的执行顺序

收到网页的响应后，浏览器启动以下执行​​顺序：

1。 HTML 加载

浏览器下载并解析 HTML 文档，构建文档对象模型 (DOM)。

2.外部资源检索

浏览器从上到下开始并行加载外部资源（脚本、CSS、图像）。

3. JavaScript 执行

外部（同步）： 浏览器立即下载、解析并执行外部 JavaScript 文件，阻止 HTML 解析。
外部（异步） : 现代浏览器可能会使用非阻塞加载技术，允许在加载和执行外部的同时继续进行 HTML 解析脚本。
内联：内联 JavaScript 在 HTML 解析过程中执行。

4. CSS 执行

浏览器在 HTML 中遇到 CSS 规则时下载、解析并应用它们。

5.文档就绪事件

一旦所有 DOM 元素和外部资源都已加载并解析，浏览器就会触发“文档就绪”事件，通常是 $(document).ready().

6.进一步的 JavaScript 执行

“文档就绪”事件后运行的 JavaScript 代码继续执行。

7.图片下载

浏览器根据HTML中的规范下载图片和其他媒体资源。

回答您的具体问题：

1. 页面加载自上而下，并行加载外部资源。
2. 加载顺序为： HTML->外部资源-> JavaScript -> CSS-> “文档就绪”事件 ->进一步的 JavaScript ->图像下载。
3. 内联 JavaScript：HTML 解析期间。外部 JavaScript（同步）：阻止 HTML 解析。外部 JavaScript（异步）：继续加载 HTML。
4. CSS：按照在 HTML 中遇到的方式应用。
5. $(document).ready：加载所有 DOM 元素和资源后触发。
6. 只会下载 kkk.png，替换原来的

注意：

执行顺序可能会因浏览器设置（例如并行请求限制）和缓存机制而略有不同。浏览器加载和执行过程的详细介绍可以在：https://browser.engineering/（开源：https://github.com/browserengineering/book）。

以上是网页如何执行：逐步分解？的详细内容。更多信息请关注PHP中文网其他相关文章！