第7章节JavaScript与DHTML技术.ppt

以下示例显示了 window 对象的打开关闭窗口方法的应用，效果如图 7-9 所示（打开网页 tu7-9.htm 时，同时显示一个新窗口，其中有一个“关闭”按钮，单击“关闭”按钮则弹出一个提示对话框，单击“确定”按钮可以关闭窗口）。 7.3 DHTML 技术 7.3.1　什么是 DHTML 首先我们看一看微软中国站点中的一个重要界面特性，如图 7-11 所示——当浏览者将鼠标指针移动到页面导航条上时，会动态地弹出一个菜单，在该菜单中移动鼠标，所指向的菜单项变为红色显示；如果将鼠标指针移出菜单所在范围，则菜单自动隐藏；如果将鼠标指针移动到导航条上另外一个区域，则会弹出另外一个菜单。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 图 7-11 动态 HTML 示例 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. * * 第7章 JavaScript 与 DHTML 技术 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 7.1 使用客户端脚本 7.2 JavaScript 简介 7.3 DHTML 技术 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 7.1 使用客户端脚本 7.1.1　使用 SCRIPT 标记符 7.1.1.1 什么是客户端脚本 7.1.1.2 使用 SCRIPT 标记符插入脚本 以下 HTML 代码创建了一个按钮，当用户单击该按钮时显示出一个提示对话框，效果如图 7-1 所示。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. HTML HEAD TITLEJavaScript 示例/TITLE SCRIPT language=JavaScript type=text/javascript !-- function showmsg() { alert(欢迎来到JavaScript世界) } //-- /SCRIPT /HEAD BODY FORM INPUT type=Button onClick=showmsg(); value=点点我试试 /FORM /BODY /HTML Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 图 7-1 JavaScript 示例 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 7.1.2 直接添加脚本 对于上一小节的示例，以下是直接添加 JavaScript 脚本的 HTML 代码。 HTML HEADTITLEJavaScript 示例/TITLE/HEAD BODY FORM INPUT type=Button onClick=Javascript:alert(欢迎来到JavaScript世界); value=点点我试试 /FORM /BODY/HTML Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 7.1.3 链接脚本文件 以下 HTML 显示了如何使用链接脚本文件。 ------