Transcript 点击下载
第九章 行为与事件 重点知识 行为的定义 事件的定义 事件的特点 创建行为 9.1 认识行为 Dreamweaver CS3中的行为是将JavaScript 代码放置在文档中，允许访问者与Web页面进行 交互，从而以多种方式更改页面或引起某些任务 的执行。行为是事件和由该事件触发的动作的组 合。在【行为】面板上，可以先指定一个动作， 然后指定触发该动作的事件，从而将行为添加到 页面中。 事件是浏览器生成的消息，指示该页的访问 者执行某种操作。 9.2 认识事件 每个浏览器都提供一组事件，这些事件 可以与【行为】面板的【动作】弹出菜单中 列出的动作相关联。当网页的访问者与页面 进行交互时（例如，单击某个图像），浏览 器会生成事件；这些事件可用于调用执行动 作的 JavaScript 函数。Dreamwaaver 提供 多个可通过这些事件触发的常用动作。 9.3 应用 Dreamweaver CS3的内置行为 添加行为到Web页的四个基本步骤： 1. 选取标识：所有的行为被链接到特定的HTML元素上。 2. 选择用户的目标浏览器：不同的浏览器（和浏览器 的不同版本）支持不同的事件。 3. 选择一个动作：Dreamweaver CS3只能使那些可用 于用户的特定页面的动作处于激活状态。 4. 输入参数：行为的强大功能来自于其灵活性。每个 动作都带有一个特定的设计来自定义JavaScript代 码输出的参数表单。这些动作，可以使用户选择源 文件，设置参数和启用特性。 9.3 应用 Dreamweaver CS3的内置行为 调用JavaScript：使用【调用JavaScript】动 作，可以执行任何JavaScript函数。无论是标 准的或是自定义的函数，【调用JavaScript】 动作都可以进行调用和执行。【调用 JavaScript】动作非常简单实用，将 JavaScript代码或者用户想要出发的函数的名 称输入到对话框中即可。 改变属性：【改变属性】动作可以动态地改变 “<layer>”、“<div>”、“<form>”、 “<textarea>”、“<span>”、“<img>”、 “<select>”这些标识中任意一个的属性。 9.3 应用 Dreamweaver CS3的内置行为 检查浏览器：【检查浏览器】动作通常被指定到 “<body>”标识上，并且使用onLoad事件驱动。 它的作用特别像网站的一个“网关”。使用【检 查浏览器】动作可根据访问者所使用的浏览器类 型和版本将他们转到不同的页面。【检查浏览器】 动作十分灵活，允许使用十进制的数字来指定两 个主要浏览器的版本号。 转到URL：使用跳转URL设置，可以在一个网页在 打开后自动跳转到另一个页面。在Dreamweaver CS3中，使用跳转到URL设置还可以实现特殊的链 接，丰富了链接的方式，让过去的单一点击式链 接变得更“炫”、更有特色。 9.3 应用 Dreamweaver CS3的内置行为 弹出消息：按下面的步骤进行： 1. 在页面上加入一个按钮元素后选中该按钮对象， 单击【行为】面板中的+按钮，在弹出的菜单中选 择【弹出信息】选项。 2. 弹出【弹出信息】对话框，在对话框中设置要显 示的文本。 3. 在文档中选中设置弹出信息的对象。 4. 在行为面板中设置动作为onClick。 5. 单击完按钮完成操作。 9.3 应用 Dreamweaver CS3的内置行为 1. 2. 3. 4. 如何制作弹出窗口：按下面的步骤进行： 打开一个文件，将该文件作为弹出窗口。 打开另一文件，将这个文件作为主窗口 其中弹出窗口只是由一个表格和内嵌的Flash组成 将光标定位在“<body>”标签中，打开【行为】 面板，单击+按钮。 5. 在弹出的菜单中选择【打开浏览器窗口】选项， 弹出【打开浏览器窗口】对话框。 6. 设置弹出窗口宽度和高度，同时设置窗口名称为 “弹出广告窗口”，其余属性均为默认。 7. 单击确定按钮，在【行为】面板中设置事件的动 作为onload。 9.3 应用 Dreamweaver CS3的内置行为 设置状态栏文件：按下面的步骤进行： (1) 打开文档，选择一个对象，打开【行为】面板。 (2) 单击+按钮，在弹出的菜单中选择【设置文本】/ 【设置状态栏文本】选项。 (3) 弹出【设置状态栏文本】对话框。 (4) 在对话框中的【消息】文本框中输相关信息。 (5) 单击确定按钮，完成设置。