浏览器加载html过程简述

最新推荐文章于 2024-05-31 15:46:07 发布

置顶

cdc_liuchao

最新推荐文章于 2024-05-31 15:46:07 发布

阅读量1.7k

点赞数 1

文章标签： html html解析器 javascript js引擎 function

本文链接：https://blog.csdn.net/u014183234/article/details/42241421

版权

当请求HTML文件时，浏览器通过HTML解析器构建DOM树。解析过程中，遇到外联资源如样式表和JavaScript，会暂停DOM构建去下载并执行。对于内联JS，同样会执行。遇到图片时，即使下载，DOM构建也不阻塞。整个过程完成后触发load事件。

摘要由CSDN通过智能技术生成

1、当我们请求服务器时，服务器会向浏览器发送一个完整的html文件。

2、浏览器通过html解析器解析html，在内存中构造DOM对象。

3、以如下html为例：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
<html xmlns= "http://www.w3.org/1999/xhtml"   xmlns:v="urn:schemas-microsoft-com:vml" >
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=7" >
    <meta http-equiv="pragma" content="no-cache" />
    <link rel="stylesheet" href="css/itemselector.css" type="text/css" ></link>
    <script type="text/javascript" src="js/itemselector.js"></script>
    <script type="text/javascript">

            function(){};//声明一个函数

最低0.47元/天解锁文章

cdc_liuchao

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
浏览器加载html过程简述

1、当我们请求服务器时，服务器会向浏览器发送一个完整的html文件。2、浏览器通过哦html解析器解析html，在内存中构造DOM对象。3、以如下html为例： DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition
复制链接

扫一扫