使用 Ajax 技术构建 Web 演示应用程序，第 2 部分: 创建可编辑的 Web 演示

核心提示：简介在我们的上一篇文章 “使用 Ajax 技术构建一个 Web 演示应用程序，第 1 部分：开发 Web UI” 中，使用 Ajax 技术构建 Web 演示应用程序，第 2 部分: 创建可编辑的 Web 演示，我们展示了如何在 Web 上构建一个演示 UI，但是，图 1. 样例代码的文件夹视图查

简介

在我们的上一篇文章 “使用 Ajax 技术构建一个 Web 演示应用程序，第 1 部分：开发 Web UI” 中，我们展示了如何在 Web 上构建一个演示 UI。但是，我们只是创建了一个演示界面，用户不能输入和编辑信息。在本文中，我们将添加一些新特性，允许您编辑这个 Web 演示。我们将包括一些常用操作，比如添加一个文本框、更改字体特征等。

添加这些特性主要涉及一个将一些适当的代码行添加到我们的现有框架的函数，因此，本文主要展示添加什么代码和在哪里添加代码。源代码已在一个 Windows® 平台上的 Firefox 3.5.3 中测试，但它应该可以在其他环境中使用。

关于源代码

您不需要 Web 服务器就可以打开 index.html 来观看这个演示。图 1 展示了这个样例应用程序的文件布局。

图 1. 样例代码的文件夹视图

查看原图（大图）

插入一个文本框

打开 index.html 后，您将看到一个演示 UI，如图 2 所示。

图 2. 用户界面