浏览器打开表格显示渲染中

发布网友发布时间：2022-05-02 14:13

共1个回答

热心网友时间：2022-04-20 12:10

浏览器解析html源码，然后创建一个DOM树。
在DOM树中，每一个HTML标签都有一个对应的节点，并且每一个文本也都会有一个对应的文本节点，DOM树的根节点就是documentElement，对应的是html标签，浏览器解析CSS代码，计算出最终的样式数据，构建CSSOM树，对CSS代码中非法的语法它会直接忽略掉，解析CSS的时候会按照如下顺序来定义优先级，浏览器默认设置，用户设置，外链样式，内联样式，html中的style，DOMTree加CSSOM，渲染树renderingtree，渲染树和DOM树有点像，但是是有区别的，DOM树完全和html标签一一对应，但是渲染树会忽略掉不需要渲染的元素，比如head，displaynone的元素等，而且一大段文本中的每一个行在渲染树中都是独立的一个节点，渲染树中的每一个节点都存储有对应的css属性，一旦渲染树创建好了，浏览器就可以根据渲染树直接把页面绘制到屏幕上，如果DOM或者CSSOM被修改，以上过程会被重复执行，实际上，CSS和JavaScript往往会多次修改DOM或者CSSOM。