网页制作案例教程 作者 沈大林 第5章.pptVIP

第5章 行为和命令 本章要点 5.1 行为控制器与设置动作 5.2 命 令 5.3 应用实例 习题5 * * 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 5.1.1 行为控制器 1．调出行为控制器 单击“窗口”→“行为”菜单命令或按Shift＋F4键，即可调出“标签”面板，其中包括行为控制器，如图5-1-1所示。 2．选择行为的目标对象 3．选择动作 5.1 行为控制器与设置动作 图5-1-1 “标签”面板中的行为控制器 图5-1-2 选择动作后的行为控制器 4．选择事件 如表5-1-2所示。 5．其他操作 6．显示所有事件 单击“显示所有事件”按钮后，在“行为”面板中将显示出此对象所能使用的所有事件，如图5-1-3所示。 5.1 行为控制器与设置动作 图5-1-3 选择“显示所有事件”后的行为面板 5.1.2 动作设置 1．播放声音 单击选择“播放声音”动作名称，调出“播放声音”对话框，如图5-1-4所示。在“播放声音”文本框内输入声音文件的路径和名称，或者单击“浏览”按钮后选择声音文件。再单击“确定”按钮，即可完成动作设置。 5.1 行为控制器与设置动作 图5-1-4 “播放声音”对话框 2．打开浏览器窗口 图5-1-5 “打开浏览器窗口”对话框单击选择“打开浏览器窗口”动作名称，调出“打开浏览器窗口”对话框，如图5-1-5所示。 5.1 行为控制器与设置动作 图5-1-5 “打开浏览器窗口”对话框 3．弹出信息 选择整个页面，然后单击选择“弹出信息”动作名称，调出“弹出信息”对话框，如图5-1-6所示。在“信息”文本框内输入弹出的对话框内要显示的文字。单击“确定”按钮，即可完成动作设置。 4．调用JavaScript 单击选择“调用JavaScript”动作名称后，会调出“调用JavaScript”对话框，如图5-1-7所示。在该对话框的“JavaScript”文本框内输入JavaScript函数，再单击“确定”按钮，即可完成动作设置。 5.1 行为控制器与设置动作 图5-1-6 “弹出信息”对话框 图5-1-7 “调用JavaScript”对话框 5．改变属性 单击选择“改变属性”动作名称，调出“改变属性”对话框，如图5-1-8所示。 在图5-1-9所示的列表框内给出了各种样式的名称。如果选择了“innerHTML”选项，则可以对HTML语言的内容进行替换；如果选择了“innerText”选项，则可以对文本内容进行替换。 5.1 行为控制器与设置动作 图5-1-8 “改变属性”对话框 图5-1-9 选择dir标记后的“属性”列表框 6．恢复交换图像 “恢复交换图像”这一动作的作用是恢复交换的图像。单击选择该动作名称后，会调出“恢复交换图像”提示框。再单击“确定”按钮，即可完成恢复图像动作的设置。通常它与交换图像动作配合使用。“恢复交换图像”提示框的显示效果如图5-1-10所示。 7．检查表单 如果建立了一个表单域（名字为“form1”），再在表单域内创建3个文本框（名字分别为“textfield1”、“textfield2”和“textfield3”）。然后，选择表单域，再单击选择该动作名称，即可调出如图5-1-11所示的“检查表单”对话框。利用该对话框，可以检查指定的表单内容的数据类型是否正确。 利用检查表单对话框，可以对表单内容进行检查条件的设置。在用户提交表单内容时，先根据设置的条件，检查提交的表单内容是否符合要求。 如果符合要求，则上传到服务器，否则显示错误提示信息。 5.1 行为控制器与设置动作 5.1 行为控制器与设置动作 图5-1-11 “检查表单”对话框 图5-1-10 “恢复交换图像”提示框 8．检查插件 在网页中会使用一些需要外部插件才能观看的动态效果（如Shockwave、Flash、QuickTime、LiveAudio和Windows Media Players等）。如果浏览器中没有安装相应的插件，则会显示出空白。此时，为了不出现空白，可以使用该动作进行检测。单击选择该动作名称后，会调出“检查插件”对话框，如图5-1-12所示。利用该对话框，可以增加检查浏览器中已安装插件的功能。