DOM Level 1的目标是映射文档结构，而DOM Level 2的目标则宽泛得多

原创已于 2023-12-31 20:53:05 修改 · 386 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #html

于 2022-02-22 19:38:47 首次发布

Javascript(Promise/asyncAwait) 专栏收录该内容

377 篇文章

订阅专栏

DOMLevel2是W3C的一个重要推荐标准，它扩展了DOMLevel1，提供了对鼠标和用户界面事件、范围、遍历、CSS支持等功能。这一升级大大提升了开发者处理HTML和XML文档的效率，增强了用户体验，支持了更多设备和平台，并引入了更强大的错误处理和安全性。DOMLevel2的事件模型、样式和布局API、XML处理以及内存管理等特性，对Web开发产生了深远影响，推动了Web技术的发展。

DOM（文档对象模型）是一种用于处理HTML和XML文档的API。DOM Level 1的目标是映射文档结构，提供一种映射XML文档的方法，以便更容易地访问和操作文档的任意部分。而DOM Level 2的目标则更为宽泛，它增加了对鼠标和用户界面事件、范围、遍历等功能的支持，并且通过对象接口支持了CSS。
DOM Level 2的扩展使得开发者能够更方便地处理用户界面事件，例如点击或移动鼠标等。此外，DOM Level 2还提供了遍历和操作文档节点的方法，这使得开发者能够更轻松地查询和修改文档结构。
值得注意的是，DOM Level 2还支持CSS，这使得开发者可以更容易地将样式应用于文档元素。通过DOM接口，开发者可以直接修改元素的样式，或者添加新的样式规则。
总的来说，DOM Level 2相对于DOM Level 1提供了更广泛的功能和更强大的工具集，使得开发者能够更轻松地处理HTML和XML文档。除了上述提到的功能，DOM Level 2还包含了一些其他重要的特性，这些特性进一步增强了其功能性和灵活性。

范围（Range）对象：这个特性使得开发者能够选择和处理文档中的特定部分。通过范围对象，开发者可以创建、操作和修改文档中的选定部分。
事件模型：DOM Level 2引入了一个更现代的事件模型，这个模型提供了更强大和灵活的事件处理机制。这个模型支持各种类型的事件，如鼠标事件、键盘事件、触摸事件等。
节点遍历：DOM Level 2提供了更多遍历和查询文档节点的工具，这使得开发者可以更方便地访问和操作文档的特定部分。
样式和CSS：除了支持通过DOM接口应用样式，DOM Level 2还提供了查询元素样式的功能。这使得开发者能够获取元素的当前样式，或者比较元素的计算样式和渲染样式。
错误处理：DOM Level 2引入了更强大的错误处理机制，这使得开发者能够更好地处理在处理文档时可能出现的错误。
这些特性的引入，使得DOM Level 2相对于DOM Level 1有了显著的提升，也使得开发者能够更加高效地处理HTML和XML文档。除了上述提到的特性，DOM Level 2还引入了一些其他重要的功能，这些功能进一步增强了其功能性和灵活性。
滚动和视图：DOM Level 2引入了滚动和视图相关的API，这使得开发者能够更方便地处理文档的滚动和视图相关的问题。
样式和布局：DOM Level 2提供了更强大的样式和布局相关的API，这使得开发者能够更精确地控制文档的样式和布局。
XML文档：DOM Level 2对XML文档的处理进行了优化，提供了更多XML特定的API，这使得开发者能够更方便地处理XML文档。
内存管理：DOM Level 2引入了更先进的内存管理机制，这使得开发者能够更有效地管理内存，避免内存泄漏等问题。
可定制性：DOM Level 2提供了更多的定制选项，这使得开发者能够根据自己的需求定制DOM的行为和功能。
总的来说，DOM Level 2相对于DOM Level 1提供了更广泛的功能和更强大的工具集，使得开发者能够更轻松地处理HTML和XML文档。在深入了解DOM Level 2的特性和功能后，我们可以看到它对Web开发产生了深远的影响。它不仅简化了开发者的工作流程，还增强了Web应用程序的功能和用户体验。
提高开发效率：DOM Level 2提供了一整套完整的工具和特性，使得开发者能够更快速、更有效地构建和操作Web页面。从查询和修改元素样式，到处理用户交互事件，再到创建复杂的文档结构，DOM Level 2都提供了强大的支持。
增强用户体验：通过DOM Level 2，开发者可以更精确地控制页面的布局、样式和行为。这使得开发者能够创建出更丰富、更吸引人的Web应用程序，从而提高用户体验。例如，通过事件模型，开发者可以创建出响应用户交互的动态效果，增强用户的参与感。
支持更多设备和平台：随着移动互联网的兴起，DOM Level 2的跨平台特性使得开发者能够创建出适应各种设备和浏览器的Web应用程序。无论是桌面浏览器还是移动设备，DOM Level 2都能提供稳定和一致的功能支持。
更好的错误处理和安全性：DOM Level 2引入了更强大的错误处理机制，使得开发者能够在出现问题时更快地定位和解决问题。同时，DOM Level 2还提供了安全性的增强，保护用户数据和隐私。
总结来说，DOM Level 2为Web开发带来了巨大的变革和进步。它不仅提高了开发效率，增强了用户体验，还提供了更好的错误处理和安全性。随着技术的不断进步，我们期待DOM Level 3及更高版本能够带来更多的创新和突破。
在IE4和Netscape Navigator 4支持不同形式的动态HTML（DHTML）的情况下，开发者首先可以做到不刷新页面而修改页面外观和内容。这代表了Web技术的一个巨大进步，但也暴露了很大的问题。由于网景和微软采用不同思路开发DHTML，开发者写一个HTML页面就可以在任何浏览器中运行的好日子就此终结。
为了保持Web跨平台的本性，必须要做点什么。人们担心如果无法控制网景和微软各行其是，那么Web就会发生分裂，导致人们面向浏览器开发网页。就在这时，万维网联盟（W3C，World Wide Web Consortium）开始了制定DOM标准的进程。
1998年10月，DOM Level 1成为W3C的推荐标准。这个规范由两个模块组成：DOM Core和DOM HTML。前者提供了一种映射XML文档，从而方便访问和操作文档任意部分的方式；后者扩展了前者，并增加了特定于HTML的对象和方法。注意　DOM并非只能通过JavaScript访问，而且确实被其他很多语言实现了。不过对于浏览器来说，DOM就是使用ECMAScript实现的，如今已经成为JavaScript语言的一大组成部分。
DOM Level 1的目标是映射文档结构，而DOM Level 2的目标则宽泛得多。这个对最初DOM的扩展增加了对（DHTML早就支持的）鼠标和用户界面事件、范围、遍历（迭代DOM节点的方法）的支持，而且通过对象接口支持了层叠样式表（CSS）。另外，DOM Level 1中的DOM Core也被扩展以包含对XML命名空间的支持。
DOM Level 2新增了以下模块，以支持新的接口。DOM视图：描述追踪文档不同视图（如应用CSS样式前后的文档）的接口。DOM事件：描述事件及事件处理的接口。DOM样式：描述处理元素CSS样式的接口。DOM遍历和范围：描述遍历和操作DOM树的接口。
DOM Level 3进一步扩展了DOM，增加了以统一的方式加载和保存文档的方法（包含在一个叫DOM Load and Save的新模块中），还有验证文档的方法（DOM Validation）。在Level 3中，DOM Core经过扩展支持了所有XML 1.0的特性，包括XML Infoset、XPath和XML Base。
目前，W3C不再按照Level来维护DOM了，而是作为DOM Living Standard来维护，其快照称为DOM4。DOM4新增的内容包括替代Mutation Events的Mutation Observers。