DOM，浏览器，javascript，html之间的关系

2023-08-15 22:09:04

来源于：https://github.com/hucheng91/myBlog/blob/master/web/dom/dom.md

DOM定义

DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构。换句话说，这是表示和处理一个HTML或XML文档的常用方法。有一点很重要，DOM的设计是以对象管理组织（OMG）的规约为基础的，因此可以用于任何编程语言。最初人们把它认为是一种让JavaScript在浏览器间可移植的方法，不过DOM的应用已经远远超出这个范围。Dom技术使得用户页面可以动态地变化，如可以动态地显示或隐藏一个元素，改变它们的属性，增加一个元素等，Dom技术使得页面的交互性大大地增强。 DOM实际上是以面向对象方式描述的文档模型。DOM定义了表示和修改文档所需的对象、这些对象的行为和属性以及这些对象之间的关系。可以把DOM认为是页面上数据和结构的一个树形表示，不过页面当然可能并不是以这种树的方式具体实现。 DOM是W3C（万维网联盟）的标准。DOM定义了访问HTML和XML文档的准W3C文档对象模型（DOM）是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。 W3C DOM 标准被分为3个不同的部分：

核心DOM-针对任何结构化文档的标准模型
XML DOM-针对XML文档的标准模型
HTML DOM-针对HTML文档的标准模型

DOM发展背景

DOM的历史可以追溯至1990年代后期微软与Netscape的“浏览器大战”，双方为在JavaScript与JScript一决生死，于是大规模的赋予浏览器强大的功能。微软在网页技术上加入了不少专属事物，计有VBScript、ActiveX、以及微软自家的DHTML格式等，使不少网页使用非微软平台及浏览器无法正常显示。这个时候万维网联盟出来了，说我来制定一个统一的标准，你们浏览器按照这个标准来，这个一个页面在不同的浏览器就都能正常显示了，比方说W3C定义了这个标识符是存放图片的，chrome，ie，火狐..等等浏览器内核就将定义成显示图片，要是没有W3C制定标准，每个浏览器对图片定义不同的标签，那针对每个浏览器要写不同的代码，这个肯定是行不通的；