美文网首页
第五章 HTML解释器和DOM模型

第五章 HTML解释器和DOM模型

作者: 小胡萝卜秧 | 来源:发表于2018-02-07 19:44 被阅读0次

DOM模型

1. HTML解释器

HTML解释器的工作就是将从网络或本地磁盘中获取的HTML网页和资源从字节流解释成DOM树结构。

从资源的字节流到DOM树的过程

通过上图可知WebKit内部对网页内容在各个阶段的结构表示:首先是字节流,经过解码之后是字符流,然后通过词法分析器会被解释成词语(Tokens),之后经过语法分析器构建成节点,最后这些节点被组建成一棵DOM树。

2. 影子(shadow)DOM

影子DOM是一个新东西,它主要解决了一个文档中可能需要大量交互的多个DOM树建立和维护各自的功能边界的问题。


影子DOM的规范草案能够使得一些DOM节点在特定范围内可见,而在网页的DOM树中却不可见,但是网页渲染的结果中包含了这些节点。


在HTML5中有很多新特性,例如对视频、音频的支持,其实这些元素是由很复杂的控制界面组成的,这些界面也是使用HTML元素编写,但是在DOM树中,无法找到相应的节点,这其实是使用了影子DOM的思想。

相关文章

  • 第五章 HTML解释器和DOM模型

    DOM模型 1. HTML解释器 HTML解释器的工作就是将从网络或本地磁盘中获取的HTML网页和资源从字节流解释...

  • WebAPI(一)——DOM

    JS组成:ECMAScript。Dom:文档对象模型。Bom:浏览器对象模型。 DOM: 概念:文档即html文件...

  • DOM操作

    什么是DOM?### 定义:文档对象模型 (DOM) 是HTML和XML文档的编程接口。DOM是浏览器提供的接口,...

  • 《高性能JavaScript》读书笔记③:DOM编程

    浏览器中的DOM(DOM in Browser World) 文档对象模型(DOM)是用于操作XML、HTML文档...

  • js的事件

    javaScript HTML DOM HTML DOM(文档对象模型) 当网页被加载时,浏览器会创建页面的文档对...

  • css动画

    css性能介绍 浏览器渲染步骤 根据HTML构建HTML树(DOM),DOM,也就是文档对象模型(Document...

  • JavaScript简介

    JavaScript实现 (核心)ECMAScript(文档对象模型)DOM(浏览器对象模型)BOM 在HTML中...

  • DOM

    DOM Document Object Model(文档对象模型)文档对象模型 (DOM) 是HTML和XML文档...

  • js中的BOM和DOM

    BOM(浏览器对象模型),用于访问浏览器的功能DOM(文档对象模型),针对HTML和XML的一个API BOM w...

  • Mojo::DOM

    Mojo::DOM 是一个有CSS选择器支持的,简约的HTML/XML DOM解析器。它会尝试解释不正常的HTML...

网友评论

      本文标题:第五章 HTML解释器和DOM模型

      本文链接:https://www.haomeiwen.com/subject/jqwgzxtx.html