Dreamweaver-CC实例教程(第5版)-第10章-行为.pdf

第10章　行为 本章简介： 行为是Dreamweaver CC 2019预置的Javescript 序库，每个行为包括一个动作和一个事件。任何一个 动作都需要一个事件激活，两者相辅相成。动作是一段 已编辑好的Javescript代码，这些代码在特定事件被激 发时执行。本章主要讲解行为和动作的应用方法，通过 这些内容的学习，读者可以在网页中熟练应用行为和动 作，使设计制作的网页更加生动精彩。 课堂学习目标 掌握 “行为”面板的使用 掌握调用Javascript、打开浏览器窗口和转 URL 的创建方法 掌握检查插件、检查表单和交换图像的创建方法 掌握容器的文本、状态栏文本、文本域文字的设置 方法 掌握跳转菜单和跳转菜单开始的设置方法 10.1　行为 “行为” 面板 应用行为 10.1.1　 “行为” 面板 使用 “行为”面板为网页元素指定动作和事件方便快捷。 在文档 辑窗口中，选择 “窗口 行为”命令，或按 Shift+F4组合键，即可弹出“行为”面板。 “行为”面板 10.1.2　应用行为 1．将行为附加到网页元素上 2．将行为附加到文本上 10.2　动作 课堂案例——婚戒网页 设置容 的文本 调用Javascript 设置状态栏文本 打开浏览 窗口 设置文本域文字 转到 URL 跳转菜单 课堂案例——开心烘焙网页 跳转菜单开始 检查插件 检查表单 交换图像 10.2.1　课堂案例—婚戒网页 使用 “打开浏览器窗口”命令，制作在网页 显示指定大小和属性 的弹出窗口。 效果图 10.2.2　调用 Javascript “调用 Javascript”动作的功能是当发生某个事件 选择自定义函数 或 Javascript代码行。 使用 “调用 Javascript”动作的具体操作步骤如下。 （1）选择一个网页元素对象，如 “刷新”按钮，如图10-17所示，弹出 “行为”面板。 （2）在 “行为”面板中，单击 “添加行为”按钮 ，从弹出的菜 单中选择 “调用 Javascript”动作，弹出“调用Javascript”对话框。在 “Javascript”文本框中输入Javascript 代码或用户想要触发的函数名。例 如，用户想在单击 “刷新”按钮 刷新网页，可以输入 “window.location.reload()”；想在单击 “关闭”按钮 关闭网页，可以输 入 “window.close()”。单击 “确定”按钮完成设置。 （3）如果不是默认事件，则单击该事件，会出现箭头按钮 ，单击 按 钮，弹出包含全部事件的事件列表，用户可根据需要选择相应的事件。 （4）保存页面，找到文件并用浏览器打开文件。 10.2.3　打开浏览器窗口 使用 “打开浏览器窗口”动作可以在一个新的窗口中打开指定 的UR ，还可以指定新窗口的属性、特征和名称。 “打开浏览器窗口”对话框 10.2.4　转到 URL “转到URL”动作的