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

核心提示： 查看原图（大图）首先，通过将清单 2 中的代码放置到 js/toolbar.js 文件中来定义一个 cmdExec() 函数，使用 Ajax 技术构建 Web 演示应用程序，第 2 部分: 创建可编辑的 Web 演示(9)，清单 2. cmdExec() 的定义functioncmdExec(c

查看原图（大图）

首先，通过将清单 2 中的代码放置到 js/toolbar.js 文件中来定义一个 cmdExec() 函数。

清单 2. cmdExec() 的定义

　function　cmdExec(cmd,　opt)　
　{　document.execCommand(cmd,"",　opt);　
　}　

然后使用以下几个代码样例来为工具栏按钮定义函数。

清单 3. Undo 工具栏按钮的代码

　<img　hspace="1"　vspace=1　align=absmiddle　src="http://tech.ddvip.com/2010-02/images/undo.gif"　alt="Undo"　
　　　
　　　
　　width="23"　height="22"　
　>　

清单 4 显示 Redo 按钮的代码。

清单 4. Redo 工具栏按钮的代码

　<img　hspace="1"　vspace=1　align=absmiddle　src="http://tech.ddvip.com/2010-02/images/redo.gif"　alt="redo"　
　　　
　　　
　　width="23"　height="22"　
>　

清单 5 显示更改字体名称的控制代码。

清单 5. 字体选择下拉菜单的代码

　<select　id="Select2"　
　　
　name="Select2"　
>　
　　<option　selected>Font</option>　
　　<option　value="Arial">Arial</option>　
　　<option　value="Arial　Black">Arial　Black</option>　
　　<option　value="Arial　Narrow">Arial　Narrow</option>　
　　<option　value="Comic　Sans　MS">Comic　Sans　MS</option>　
　　<option　value="Courier　New">Courier　New</option>　
　　<option　value="System">System</option>　
　　<option　value="Tahoma">Tahoma</option>　
　　<option　value="Times　New　Roman">Times　New　Roman</option>　
　　<option　value="Verdana">Verdana</option>　
　　<option　value="Wingdings">Wingdings</option>　
　</select>