浏览器解析html,css,js的过程理解

浏览器解析html,css,js的过程理解

从学HTML第一节课开始,我就带有一个疑问,直到学习这章,我应该抛出这个问题了,就是浏览器解析这个html,css,js的顺序是什么,结合课程,个人理解,首先解析HTML标记语言,构建节点完成,然后把css样式绑定到对应的节点上,再然后是js代码,最后渲染到页面展示给我们看,但是总觉得自己的理解有点问题,请老师指点

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,理解的有点问题,浏览器解析的过程如下:

第一步:解析html,构造dom树,即构建dom节点,渲染引擎开始解析html,并将标签转成内容树的dom节点;

第二步:构造渲染树,即解析样式信息,包括解析外部的css文件以及style标签中的样式信息;

第三步布局渲染树,即布局dom节点,执行布局的过程,它会确认各个节点在屏幕上的确切坐标;

第四步绘制渲染树,即绘制dom节点。

以上四步仅仅是html结构的渲染过程,并不包含解析过程中浏览器加载外部资源,如图片、脚本等过程,外部资源的加载会贯穿在html结构渲染过程的始终。

如果我的回答帮到了你,欢迎采纳,祝学习愉快!


问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师