DOM 介绍

忘是亡心i 2022-03-20 16:16 192阅读 0赞

### DOM概念 ###

DOM全称 Document Object Model，即文档对象模型，DOM是针对XML但经过扩展用于HTML的应用程序编程接口（API Application Programming Interface）。DOM把整个页面映射为一个多层节点结构。HTML或XML页面中的每个组成部分都是某种类型的节点，这些节点又包含着不同类型的数据。DOM是万维网联盟（W3C The World Wide Web Consortium）组织推荐的处理可扩展标志语言的标准编程接口。

### DOM由来 ###

最初的互联网是基于HTML静态页面的，在不同的浏览器（Internet Explorer4.0和Netscape Navigator4.0）支持不同形式的页面的动态调用（DHTML），造成开发人员无法只编写一个页面用于多个浏览器。为促进浏览器之间的兼容，W3C规划推出了相关的DOM标准，

### DOM作用 ###

web页面最终是按照HTML标准进行展示的。DOM的提出就是提供一个与HTML标签交互的接口，供JavaScript 语言来使用，JavaScript可以通过DOM标准规定的各类属性、方法、事件来访问、创建HTML标签。

### DOM版本 ###

<table> 
 <tbody> 
 <tr> 
 <td style="text-align:center;vertical-align:middle;width:115pt;">时间</td> 
 <td style="text-align:center;vertical-align:middle;width:434pt;">版本发布</td> 
 </tr> 
 <tr> 
 <td style="text-align:center;vertical-align:middle;"> 2015/11/19 </td> 
 <td style="text-align:center;vertical-align:middle;">Document Object Model (DOM) Level 4 多媒体同步规范</td> 
 </tr> 
 <tr> 
 <td style="text-align:center;vertical-align:middle;">2015/2/3</td> 
 <td style="text-align:center;vertical-align:middle;">服务发送事件规范</td> 
 </tr> 
 <tr> 
 <td style="text-align:center;vertical-align:middle;">2008/12/22</td> 
 <td style="text-align:center;vertical-align:middle;">元素遍历规范</td> 
 </tr> 
 <tr> 
 <td style="text-align:center;vertical-align:middle;">2004/4/7</td> 
 <td style="text-align:center;vertical-align:middle;">Document Object Model (DOM) Level 3 加载和保存规范</td> 
 </tr> 
 <tr> 
 <td style="text-align:center;vertical-align:middle;">2004/4/7</td> 
 <td style="text-align:center;vertical-align:middle;">Document Object Model (DOM) Level 3 核心规范</td> 
 </tr> 
 <tr> 
 <td style="text-align:center;vertical-align:middle;">2004/1/27</td> 
 <td style="text-align:center;vertical-align:middle;">Document Object Model (DOM) Level 3 验证规范</td> 
 </tr> 
 <tr> 
 <td style="text-align:center;vertical-align:middle;">2003/1/9</td> 
 <td style="text-align:center;vertical-align:middle;">Document Object Model (DOM) Level 2 HTML 规范</td> 
 </tr> 
 <tr> 
 <td style="text-align:center;vertical-align:middle;">2000/11/13</td> 
 <td style="text-align:center;vertical-align:middle;">Document Object Model (DOM) Level 2 核心规范</td> 
 </tr> 
 <tr> 
 <td style="text-align:center;vertical-align:middle;">2000/11/13</td> 
 <td style="text-align:center;vertical-align:middle;">Document Object Model (DOM) Level 2 事件规范</td> 
 </tr> 
 <tr> 
 <td style="text-align:center;vertical-align:middle;">2000/11/13</td> 
 <td style="text-align:center;vertical-align:middle;">Document Object Model (DOM) Level 2 样式规范</td> 
 </tr> 
 <tr> 
 <td style="text-align:center;vertical-align:middle;">2000/11/13</td> 
 <td style="text-align:center;vertical-align:middle;">Document Object Model (DOM) Level 2 遍历和范围规范</td> 
 </tr> 
 <tr> 
 <td style="text-align:center;vertical-align:middle;">2000/11/13</td> 
 <td style="text-align:center;vertical-align:middle;">Document Object Model (DOM) Level 2 视图规范</td> 
 </tr> 
 <tr> 
 <td style="text-align:center;vertical-align:middle;">1998/10</td> 
 <td style="text-align:center;vertical-align:middle;">Document Object Model (DOM) Level 1核心规范</td> 
 </tr> 
 <tr> 
 <td style="text-align:center;vertical-align:middle;">1998/10</td> 
 <td style="text-align:center;vertical-align:middle;">Document Object Model (DOM) Level 1 HTML 规范</td> 
 </tr> 
 </tbody> 
</table>

注：DOM0级只是DOM历史坐标中的一个参考点而已，具体说来，DOM0指的是Internet Explorer4.0和Netscape Navigator4.0最初支持的DHTML，而不是W3C推出的标准。