您的位置：首页 > Web前端 > JavaScript

JavaScript 和 Dom 之间的区别

2011-11-03 23:53 197 查看

1、HTML DOM

HTML DOM 是 W3C 标准（是 HTML 文档对象模型的英文缩写，Document Object Model for HTML）。
HTML DOM 定义了用于 HTML 的一系列标准的对象，以及访问和处理 HTML 文档的标准方法。
通过 DOM，可以访问所有的 HTML 元素，连同它们所包含的文本和属性。可以对其中的内容进行修改和删除，同时也可以创建新的元素。

通过 JavaScript，您可以重构整个 HTML 文档。您可以添加、移除、改变或重排页面上的项目。

要改变页面的某个东西，JavaScript 就需要获得对 HTML 文档中所有元素进行访问的入口。这个入口，连同对 HTML 元素进行添加、移动、改变或移除的方法和属性，都是通过文档对象模型来获得的（DOM）。

在 1998 年，W3C 发布了第一级的 DOM 规范。这个规范允许访问和操作 HTML 页面中的每一个单独的元素。

所有的浏览器都执行了这个标准，因此，DOM 的兼容性问题也几乎难觅踪影了。

DOM 可被 JavaScript 用来读取、改变 HTML、XHTML 以及 XML 文档。

HTML DOM 独立于平台和编程语言。它可被任何编程语言诸如 Java、JavaScript 和 VBScript 使用。
点击下面的链接，可获得更多关于如何使用 JavaScript 来访问和处理 DOM 对象的知识：

对象	描述
Document	代表整个 HTML 文档，用来访问页面中的所有元素。
Anchor	代表 <a> 元素。
Area	代表图像地图中的 <area> 元素。
Base	代表 <base> 元素。
Body	代表图像地图中的 <body> 元素。
Button	代表 <button> 元素。
Event	代表事件的状态
Form	代表 <form> 元素
Frame	代表 <frame> 元素
Frameset	代表 <frameset> 元素
Iframe	代表 <iframe> 元素
Image	代表 <img> 元素
Input button	代表 HTML 表单中的按钮
Input checkbox	代表 HTML 表单中的选择框
Input file	代表 HTML 表单中的 fileupload 。
Input hidden	代表 HTML 表单中的隐藏域。
Input password	代表 HTML 表单中的密码域。
Input radio	代表 HTML 表单中的单选框。
Input reset	代表 HTML 表单中的重置按钮。
Input submit	代表 HTML 表单中的确认按钮。
Input text	代表 HTML 表单中的文本输入域。
Link	代表 <link> 元素
Meta	代表 <meta> 元素
Object	代表一个 <Object> 元素
Option	代表 <option> 元素
Select	代表 HTML 表单中的选择列表。
Style	代表某个单独的样式声明。
Table	代表 <table> 元素。
TableData	代表 <td> 元素。
TableRow	代表 <tr> 元素。
Textarea	代表 <textarea> 元素。

2、JavaScript HTML DOM 对象

Previous Page

Next Page

除了内置的 JavaScript 对象以外，你还可以使用 JavaScript 访问并处理所有的 HTML DOM 对象。

对象	描述
Window	JavaScript 层级中的顶层对象。Window 对象表示浏览器窗口。每当 <body> 或者 <frameset> 标签出现，Window 对象就会被自动创建。
Navigator	包含客户端浏览器的信息。
Screen	包含客户端显示屏的信息。
History	包含了浏览器窗口访问过的 URL。
Location	包含了当前URL的信息。

JavaScript 和 Dom 之间的区别

更多 JavaScript 对象