掌握 Ajax，第 4 部分: 利用 DOM 进行 Web 响应

将 HTML 转换为对象模型

级别: 初级

Brett McLaughlin, 作者和编辑, O'Reilly Media Inc.

2006 年 4 月 10 日

程序员（使用后端应用程序）和 Web 程序员（编写 HTML、CSS 和 JavaScript）之间的分水岭是长久存在的。但是，Document Object Model (DOM) 弥补了这个裂缝，使得在后端使用 XML 同时在前端使用 HTML 切实可行，并成为极其有效的工具。在本文中，Brett McLaughlin 介绍了 Document Object Model，解释它在 Web 页面中的应用，并开始挖掘其在 JavaScript 中的用途。

与许多 Web 程序员一样，您可能使用过 HTML。HTML 是程序员开始与 Web 页面打交道的方式；HTML 通常是他们完成应用程序或站点前的最后一步——调整一些布局、颜色或样式。不过，虽然经常使用 HTML，但对于 HTML 转到浏览器呈现在屏幕上时到底发生了什么，人们普遍存在误解。在我分析您认为可能发生的事情及其可能错误的原因之前，我希望您对设计和服务 Web 页面时涉及的过程一清二楚：

1. 一些人（通常是您！）在文本编辑器或 IDE 中创建 HTML。
2. 然后您将 HTML 上载到 Web 服务器，例如 Apache HTTPD，并将其公开在 Internet 或 intranet 上。
3. 用户用 Firefox 或 SafariA 等浏览器请求您的 Web 页面。
4. 用户的浏览器向您的服务器请求 HTML。
5. 浏览器将从服务器接收到的页面以图形和文本方式呈现；用户看到并激活 Web 页面。