第8章行为 电子教案 青岛大学软件学院 2005-5-30
第8章 行为 电子教案 青岛大学软件学院 2005-5-30
81行为的概述 为是动作和触发该动作的事件的结合体 事件 事件是触发动态效果的原因,它可以被附加在各 种页面元素上,也可以被附加到HTM林记中。 动作 动作其实是一段网页上的 JavaScript代码,这些 代码在特定事件被激发时执行,从而实现访间者 与Web页进行交互,以多种方式更改页面或执行 某些任务。通过动作来完成动态效果,如:打开 目录 浏览器窗口、显示或隐藏层、播放声音铮都是动 上一页 作 下一页 退出
8.1 行为的概述 行为是动作和触发该动作的事件的结合体 1. 事件 ◼ 事件是触发动态效果的原因，它可以被附加在各 种页面元素上，也可以被附加到HTML标记中。 2. 动作 ◼ 动作其实是一段网页上的JavaScript代码，这些 代码在特定事件被激发时执行，从而实现访问者 与Web页进行交互，以多种方式更改页面或执行 某些任务。通过动作来完成动态效果，如：打开 浏览器窗口、显示或隐藏层、播放声音等都是动 作
82使用【行为】面板 选揉【窗日】十【行为】命令,打开【行为】面板 【显示设置事件】仅显示附加到当前刘档的那 些事件 【显示所有事件】按字母降序显示所有事件 【添加行为】在出现的动作菜单中,选择一个动 作,并指定该动作的相关参数,即可添加行为。 【显示事件】在此菜单中选择确定哪些事件将显示在 “事件”弹出式菜单中 n事件的选择:在添加行为后,当单击行为列表框 中所选事件名称旁边的箭头按钮时,会出现一个 目录 下拉菜单,其中包含可以触发该动作的所有事件 只有在选择了行为列表中的某个事件时才显示此 上一页 菜单。根据所选对象的不同,显示的事件也有所 下一页 不同。 退出
8.2 使用【行为】面板 选择【窗口】｜【行为】命令，打开【行为】面板 ◼ 【显示设置事件】 仅显示附加到当前文档的那 些事件 ◼ 【显示所有事件】 按字母降序显示所有事件 ◼ 【添加行为】 在出现的动作菜单中, 选择一个动 作，并指定该动作的相关参数，即可添加行为。 ◼ 【显示事件】在此菜单中选择确定哪些事件将显示在 “事件”弹出式菜单中 ◼ 事件的选择：在添加行为后，当单击行为列表框 中所选事件名称旁边的箭头按钮时，会出现一个 下拉菜单，其中包含可以触发该动作的所有事件。 只有在选择了行为列表中的某个事件时才显示此 菜单。根据所选对象的不同，显示的事件也有所 不同
82使用【行为】面板 选择【窗口】【行为】命令,打开【行为】 面板 【删除事件】:单击“删除事件”按钮, 可以从行为列表中删除所选的事件和动作 【向上移动】和【向下移动】:将特定事 目录 件的所选动作在行为列表中向上或向下移 )动。给定事件的动作是以选定的顺序执行 的 下一页 退出
8.2 使用【行为】面板 选择【窗口】｜【行为】命令，打开【行为】 面板 ◼ 【删除事件】：单击“删除事件”按钮， 可以从行为列表中删除所选的事件和动作。 ◼ 【向上移动】和【向下移动】：将特定事 件的所选动作在行为列表中向上或向下移 动。给定事件的动作是以选定的顺序执行 的
83向页面中添加基本行为 通过“行为”面板上的“添加行为”按钮,可以将行 为附加到整个文档,也可以附加到链接、图像、表单 元素或多种其他HTML元素中的任何一种。 831弹出H信息 832打开浏览器窗口 833设置文本 834捡查表单 835控制 Shockwave或Fash 83.6交换图像 837恢复交换图像 838转到URL 目录 839播放声音 上一页 8.3.10显示弹单 下一页 8311拖动层 退出
8.3 向页面中添加基本行为 通过“行为”面板上的“添加行为”按钮，可以将行 为附加到整个文档，也可以附加到链接、图像、表单 元素或多种其他HTML元素中的任何一种。 8.3.1 弹出信息 8.3.2 打开浏览器窗口 8.3.3 设置文本 8.3.4 检查表单 8.3.5 控制Shockwave或Flash 8.3.6 交换图像 8.3.7 恢复交换图像 8.3.8 转到URL 8.3.9 播放声音 8.3.10 显示弹出式菜单 8.3.11 拖动层
无法显示该图片 完 目录 上一页 下一页 退出
完
8.31弹出信息 区使周【弹出信息】动作将显示一个带有指定消息的 警告窗口 使用【弹出信息】动作的操作步骤如下 1.选择对象并打开行为面板。 2单击+按钮,并从“添加动作”菜单中选择 【弹出信息】。打开“弹出信息”对话框。 3在【消息】域中输入在信息框中将要显示的信 息文字。 4设置完成后单击【确定】按钮 5.检查【行为】面板中默认事件是否是所需的事 目录 件,如果不是,从弹出式菜单中选择一个事 上一页 件 下一页 退出
8.3.1 弹出信息 使用【弹出信息】动作将显示一个带有指定消息的 警告窗口 使用【弹出信息】动作的操作步骤如下： 1. 选择对象并打开行为面板。 2. 单击＋按钮，并从“添加动作”菜单中选择 【弹出信息】。打开“弹出信息”对话框。 3. 在【消息】域中输入在信息框中将要显示的信 息文字。 4. 设置完成后单击【确定】按钮。 5. 检查【行为】面板中默认事件是否是所需的事 件 ，如果不是，从弹出式菜单中选择另一个事 件
832打开浏览器窗口 使用的【打开浏览器窗口】动作在一个新的窗口中 打开URL 使用【打开浏览器窗口】行为的操作步骤如下: 1.选择一个对象并打开【行为】面板。 2.单击单击按钮并从“添加动作”菜单中选择【打 开浏览器窗口】命令。打开“打开浏览器窗口” 对话框。 3.设置完成后单击【确定】按钮。 4.检查【行为】面板中默认事件是否是所需的事件。 目录 如果不是,从弹出式菜单中选择另一个事件 上一页 下一页 退出
8.3.2 打开浏览器窗口 使用的【打开浏览器窗口】动作在一个新的窗口中 打开URL 使用【打开浏览器窗口】行为的操作步骤如下： 1. 选择一个对象并打开【行为】面板。 2. 单击单击按钮并从“添加动作”菜单中选择【打 开浏览器窗口】命令。打开“打开浏览器窗口” 对话框。 3. 设置完成后单击【确定】按钮。 4. 检查【行为】面板中默认事件是否是所需的事件。 如果不是，从弹出式菜单中选择另一个事件
833设置文本 使用 Dreamweaver内置的【设置文本】动作 可以动态地设置层、框架、文本域以及状态 栏的文本。 使用【设置文本】行为的操作步骤如下: 1.选择一个对象并打开【行为】面板。 单击单击按钮并从“添加动作”菜单中选择 【设置文本】|【设置状态栏文本】命令。 目录 打开“设置状态栏文本”对话框 上一页 下一页 在【消息】文本框中输入相应的信 退出
8.3.3 设置文本 使用Dreamweaver内置的【设置文本】动作 可以动态地设置层、框架、文本域以及状态 栏的文本。 使用【设置文本】行为的操作步骤如下： 1. 选择一个对象并打开【行为】面板。 2. 单击单击按钮并从“添加动作”菜单中选择 【设置文本】｜【设置状态栏文本】命令。 打开“设置状态栏文本”对话框。 3. 在【消息】文本框中输入相应的信息
8.3.4检查表单 利捕,【检查表单】动作可以为表单中各元索设置有 效性规则,并检查指定文本域的内容以确保用户输 入正确的数据类型 使用【检查表单】动作的操作步骤如下 1.首先在文档中插入表单和文本域 2.然后执行下列步骤之 如果要在用户填写表单时验证单个文本域选取一个 文本域,打开【行为】面板 如果要在用户提交表单时验证多个文本域单击文档 窗口左下角标签选择器中的标签并打开【行为 面板 目录 3.从【添加行为】下拉列表中选择【检查表单】动作。 上一页 重复以上操作检查其他的文木域。 5.单击【确定】按钮,在【行为】面板中选择适当的事件。 下一页 6如果在用户提交表单时检査多个域,则 on Submit事件自动 退出 出现在“事件”菜单中
8.3.4 检查表单 利用【检查表单】动作可以为表单中各元素设置有 效性规则，并检查指定文本域的内容以确保用户输 入正确的数据类型 使用【检查表单】动作的操作步骤如下： 1. 首先在文档中插入表单和文本域。 2. 然后执行下列步骤之一： ◼ 如果要在用户填写表单时验证单个文本域，选取一个 文本域，打开【行为】面板。 ◼ 如果要在用户提交表单时验证多个文本域，单击文档 窗口左下角标签选择器中的标签并打开【行为】 面板。 3. 从【添加行为】下拉列表中选择【检查表单】动作。 4. 重复以上操作检查其他的文本域。 5. 单击【确定】按钮，在【行为】面板中选择适当的事件。 6. 如果在用户提交表单时检查多个域，则onSubmit事件自动 出现在“事件”菜单中