DOM与DHTML简介

DOM与DHTML简介

学习Javascript中的DOM编程，首先要认识一下DOM与DHTML。简单的说，HTML它是一种“静态”的网叶设计语言，主要提供文本和图形的显示功能。但它很难提供多媒体、二维空间移动、精确定位文字、图形的大小和位置。

DHTML(DynamicHTML，动态HTML)作为浏览器自带的功能，实际上只是一种概念，它并不属于一种专门技术，它也不是指标签、插件或者是浏览器本身。DHTML就是一种即使在网页被下载进浏览器以后，仍然能够随时变换更新网页内容、排版样式以及动画效果等等的技术手段，实际上是由HTML、CSS，加上动态脚本技术构成。这里所说的动态脚本可以使用Javascript也可以是其他的脚本，比如Vbscript。

Javascript将浏览器本身、网页文档、以及网页中的HTML元素都使用对应的内置对象表示，这些对象之间的层次关系统称为DOM（DocumentObjectModel，文档对象模型）。

用户通过鼠标和键盘在浏览器或网页元素上执行的操作，对DOM对象来说称之为事件。例如，用户在点击了网页上的按钮，那么在这个按钮就发生了点击事件，按钮就是事件源。如果把一段代码与这个事件源的事件关联，当事件发生时浏览器就会自动执行这段代码，从而引发一连串的动作，这个过程称之为事件驱动，使得HTML具有较强的交互性和动态改变性。

因此DOM是代表了HTML文档本身，使用各种对象表示其元素。因此想要动态改变网页内容，就要使用DOM中的这些对象。所以称之为DOM编程。W3C(WorldWideWebConsortium，万维网联盟)对DOM进行统一规范，制定了标准化W3CDOM规范。它定义了访问HTML文档对象的一整套属性、方法和事件。

　（注：W3C组织是对网络标准制定的一个非赢利组织，像HTML、XHTML、CSS、XML的标准就是由W3C来定制。）