在渲染网页时,浏览器是如何将代码中的标签转为不同形式的网页内容,然后按照代码中指定的样式和属性来层层显示各元素的呢?JavaScript在操作网页时,如何做到将多个元素选定然后做其他动作,例如删除、插入元素呢?下面我们将简单探讨一下这些步骤的流程。
1、渲染引擎
浏览器的内核,或称渲染引擎(Rendering Engine),负责获取并解析处理网页,并将排版后的内容输出至显示器或打印机中。因为它的主要功能为网页排版,因此也称排版引擎(Layout Engine)。常见的内核以及使用它们的浏览器的主要有下列几种:
- Trident(MSHTML)
Internet Explorer 4~11使用Trident内核。此外,Windows Phone的Internet Explorer Mobile 7.0之后及游戏主机Xbox的 Internet Explorer Xbox也使用了该内核。微软早期给苹果电脑开发的Internet Explorer For Mac却使用了名为Tasman的内核,后Mac版IE停止开发之后,该内核还保留并在Office for Mac等产品中使用。
- EdgeHTML
Windows 10桌面版和移动版自带的Microsoft Edge浏览器(早期名为Project Spartan)使用此