首页 > web前端 > js教程 > 正文

破译起源:为什么 DOM 被称为 DOM?

王林
发布: 2024-07-19 00:28:20
原创
661 人浏览过

Deciphering the Origins: Why the DOM is called the DOM?

文档对象模型 (DOM),它基本上是“网页如何在幕后工作”的 Web 开发术语,是每个 Web 开发人员都应该拥有的东西他们的工具包。它就像推动现代网络开发的秘密武器。

但是为什么是 DOM?我最近偶然发现了一个关于浏览器如何工作的视频,然后深入研究了一些文章,这是我对“为什么?”

的理解

每个浏览器都使用**浏览器引擎**,它是网络浏览器的核心组件,负责将网页内容(包括 HTML、CSS 和 JavaScript)渲染为用户可以交互的视觉表示形式。


“文档”:该术语是指加载到网络浏览器中的网页。它表示网页内容的结构化层次结构,包括标题、段落、图像、链接、表单等元素。 DOM 文档本质上是网页结构的内存表示,由浏览器的渲染引擎在页面加载时创建。

现在有趣的部分是浏览器引擎如何将文档转换为节点树,我们称之为用于绘画的 DOM。

下载完文档后,它会转换为原始数据,是的,0 和 1。并且这些原始数据字节会转换为字符。此转换是根据 HTML 文件的字符编码完成的。

这些字符被进一步解析为令牌。与任何其他编程语言令牌一样,令牌可以被定义为该编程语言中有意义的最小单个元素。这里令牌指的是 HTML 中的标签,即 body、h1、h2、 p、跨度等

标记化完成后,下一步就是构建这些标记。 这就是对象发挥作用的地方。一个对象是由这些标记创建的,这些对象包含有关每个实体的大量信息,包括标签开始、标签结束、属性、数据/值等。

现在,我们有一个“文档”和“对象”,但它仍然是非结构化的,因为这些对象之间没有关系。标记化后,这些标记将转换为节点。每个节点都与另一个节点有关系,包括父节点、子节点和兄弟节点。这些节点到节点的关系形成了熟悉的树状结构。这个过程称为对象树建模。现在,节点树模型已从 HTML 文档中准备就绪,可以进行绘制了。

回顾一下,名称“文档对象模型”反映了其目的和功能。它充当网页内容的结构化模型,表示为对象的集合。 “DOM”这个名字是由“文档”(网页)、“对象”(表示元素)和“模型”(结构化表示)融合而来。


我希望这对您有所帮助,如果您有任何具体问题或疑虑,请随时提供任何反馈或询问。

以上是破译起源:为什么 DOM 被称为 DOM?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:dev.to
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板