浏览器解析html,css,js的过程理解
从学HTML第一节课开始,我就带有一个疑问,直到学习这章,我应该抛出这个问题了,就是浏览器解析这个html,css,js的顺序是什么,结合课程,个人理解,首先解析HTML标记语言,构建节点完成,然后把css样式绑定到对应的节点上,再然后是js代码,最后渲染到页面展示给我们看,但是总觉得自己的理解有点问题,请老师指点
25
收起
正在回答
1回答
同学你好,理解的有点问题,浏览器解析的过程如下:
第一步:解析html,构造dom树,即构建dom节点,渲染引擎开始解析html,并将标签转成内容树的dom节点;
第二步:构造渲染树,即解析样式信息,包括解析外部的css文件以及style标签中的样式信息;
第三步布局渲染树,即布局dom节点,执行布局的过程,它会确认各个节点在屏幕上的确切坐标;
第四步绘制渲染树,即绘制dom节点。
以上四步仅仅是html结构的渲染过程,并不包含解析过程中浏览器加载外部资源,如图片、脚本等过程,外部资源的加载会贯穿在html结构渲染过程的始终。
如果我的回答帮到了你,欢迎采纳,祝学习愉快!
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星