第6章 行为及表单应用

按钮图标
名称 显示设置事件 显示所有事件 添加行为 删除事件 增加事件值 降低事件值
功能 显示添加到当前文档的事件 显示所有可添加的行为事件 为网页中的对象添加行为事件 从当前列表中删除已添加的事件 将同一对象的事件向上移动，提高事件的执行优先 级 将同一对象的事件向下移动，降低事件的执行优先 级
4
跳转菜单 图像域 文件域 按钮
21
6.5.4 Spry表单对象
Spry表单对象是一种内建丰富用户交互功能的网页对象。 其原理是使用JavaScript编写的小段脚本程序读取并检测文 本域中的内容，故可以在不刷新网页的情况下实现一些动 态交互的功能，例如验证文本域中输入的内容是否有效。
图标
表单类型 Spry验证文本域 Spry验证文本区 域 Spry验证复选框 Spry验证选择
1
本章知识要点：
Dreamweaver行为
Dreamweaver时间轴 JavaScript基础
插入表单对象
2
6.1 网页行为
行为是一种由Dreamweaver提供的可视化特效编辑工 具。其主要用来使网页可以动态地响应用户操作、改变当 前页面效果或执行某些特定的任务。Dreamweaver的行为是 由JavaScript代码预先编写成的代码。这些代码可以被网页 设计者通过简单的操作调用并嵌入到网页中，通过一些特 定的事件触发代码的执行。
5
6.2 应用各种行为
Dreamweaver提供的行为种类共有20多个，其分别应 用于不同的网页对象，可以起到各种动态效果。有些行 为还可以使浏览者与网页之间具备交互性，例如可移动 的板块等。
6
6.2.1 文本信息行为
文本是网页中最常见的对象，也是最重要 的对象之一。因此，在Dreamweaver中专门设置了文本 信息行为供用户使用。通过文本信息行为，可以设置一 些网页中常见的文本信息特效。
参数名称 元素类型 元素ID 属性 新的值 选择 输入
作用 允许设计者从下拉列表中选择当前网页中存在的各种网页对象，用于定义要改 变属性的网页对象类型 允许设计者从下拉列表中选择已确定类型的网页对象ID，用于定义要改变属性 的网页对象 允许设计者从下拉列表中选择需要改变属性的网页对象的属性 允许设计者自行输入需要改变属性的网页对象的属性 允许设计者为选择的属性设置新的属性值
3
6.1.1 【行为】面板
在网页中添加行为，必须为其提供3个组成部分， 即对象、事件和动作。对象是产生行为的主体；网页中 的对象大多可以直接作为行为中的对象，如文本、图像、 表格等；事件是触发行为的条件，通过事件才可以发生 行为；动作是行为的主体，该部分决定激活后行为完成 什么样的工作或网页对象变成什么样的状态。
6.4.2 JavaScript语句结 构
JavaScript的流程，即程序语句运行的顺序。默认情况 下，JavaScript按照语句排列的顺序运行，这种运行被称做 顺序运行。除了顺序运行外，JavaScript还允许一些特殊的 运行顺序结构，通过这些特殊的程序运行顺序，可以编写 一些复杂结构的脚本。
14
6.4.1 JavaScript基础
JavaScript的功能十分强大，可实现多种任务，如执行计 算、表单检查、编写游戏、添加特殊效果、自定义图形选 择、创建安全密码等。所有这些功能都有助于增强站点的 动态效果和交互性。
数据类型 基本数据类 型 字符串(String) 说明 排在一起的一串零或零以上的 Unicode 字符（字母、数字和标点符号）。字符串数据类型 用来表示JavaScript中的文本。、双引号。在包含双引号时，该双引号两边需加单引号， 也可以包含单引号，该单引号两边需加双引号。 数值类型又可以分为整数型（int）和浮点型(float)。整数型数据包括正整数、负整数和0； 浮点型为带小数部分的数，其也可以用科学记数法表示。 布尔类型的数据只有两个值，它们是文字true 和false。布尔值是一个真值，它表示一个状 态的有效性（说明该状态为真或假）。 JavaScript 对象是属性和方法的集合。一个方法就是一个函数，是对象的成员。属性是一 个值或一组值（以数组或对象的形式），是对象的成员。Javascript 支持四种类型的对象： 内部对象、生成的对象、宿主给出的对象（如 Internet 浏览器中的 window 和 document） 以及 ActiveX 对象（外部组件）。 在 JavaScript 中，对象和数组几乎相同。两个主要差别是对象没有自动长度属性，而数组 没有对象的属性和方法。 在 JavaScript 中数据类型null只有一个值：null。关键字 null 不能用作函数或变量的名称。 包含 null 的变量包含“无值”或“无对象”。
说明 用于选择网页中所有的时间轴。同一网页中可有多个时间轴，只有被该 下拉列表选择的时间轴为当前可编辑的时间轴 使当前播放的帧指示线返回时间轴的第一帧 使当前帧指示线向左移动一个帧。按住该按钮，可以反向播放时间轴。 显示当前播放或选种的帧的编号 使当前帧指示线向右移动一个帧。按住该按钮，建议播放时间轴。 刷新频率，其含义是每秒播放帧的多少。 选择该复选框，可使当前页面在被载入时自动开始播放时间轴 选择该复选框，可使动画在网页文档被浏览器载入后无限次地播放。 给出当前页面上显示的是时间轴的哪一帧。 在动画条中指定了网页对象属性的帧。该类的帧由小圆圈或圆点标明 在时间轴中特定的帧执行某些行为的通道 显示用于制作AP元素和图像动画的条
16
6.4.3 Javaቤተ መጻሕፍቲ ባይዱcript对象
JavaScript是一种面向对象的编程语言。因此，使用 对象中的方法、属性、事件是JavaScript中最重要的功能 之一。通过基于对象的程序设计，可以用更直观、模块 化和可重复使用的方法进行程序开发。
17
6.5 创建表单
表单是一种特殊的网页对象。其作用是与客户端或 服务器端的脚本结合使用，以在网页中实现网页与浏览 者的互动。
12
6.3.2 编辑时间轴
创建时间轴动画后，还可以在【时间轴】面板中 重新设置时间轴动画的参数。通过修改这些参数，可以 制作出不同效果的时间轴效果。
设置
13
6.4 JavaScript
JavaScript是源自Java语言的一种简单的脚本语言。这 种脚本语言的出现使得网页和用户之间可以实现一种实 时性的、动态的、交互性的关系，使网页包含更多活跃 的元素和更加精彩的内容。
第6章 行为及表单应用
随着网页设计技术的进步，越来越多 的网页设计师为使网页看起来更美观，在网页中 添加各种JAVASCRIPT编写的特效。然而，并非所 有网页设计者都擅长使用JAVASCRIPT语言。对于 不擅长编写JAVASCRIPT的网页设计者，可以使用 DREAMWEAVER内置的行为工具，通过可视化的方 式编辑网页的特效。 在DREAMWEAVER中，还可以方便地制作 各种动态交互表单。通过这些表单，可以实现各 种设计者与浏览者的交流。
7
6.2.2 窗口信息行为
窗口信息行为也是一种比较常见的浏览器特效。该特 效主要包括两种窗口信息，即弹出对话框和弹出窗口。在 网页设计中，这两种窗口信息通常用于广告以及一些提示 信息。
属性名称 要显示的URL 窗口宽度 窗口高度 属 导航工具栏 性 菜单条 地址工具栏 使用滚动条 状态栏 调整大小手 柄 窗口名称
20
6.5.3 添加表单对象
在定义表单域后，可以为表单域添加各种表单 对象。在表单域中，将光标定位在要插入表单对象的位 置，然后在【表单】选项卡中，选择需要插入的表单对 象。在Dreamweaver中支持的表单对象共有13种。
图标 表单类型 文本字段 隐藏域 文本区域 复选框 单选按钮 单选按钮组 列表/菜单 说明 文本字段主要用于接受任何类型的文本输入内容。其可以单行或多行显 示，也可以以密码的方式显示（文本被显示为星号） 存储浏览者输入的一些信息，并在该浏览者下次访问网页时使用 多行的文本字段。其和文本字段可以相互转换 允许在一组选项中选择多个选项。浏览者可以选择任意多个适用的选项。 使用复选框，设计者也可以限定浏览者可以选择几个选项。 代表互相排斥的选择。浏览者在该类按钮中只能选择一个选项 由多个单选按钮构成的一组按钮。 在一个滚动列表中显示选项值，浏览者可以从该滚动列表中选择一个或 多个选项。其又可以分为列表和菜单。列表选项在一个菜单中显示选项 值，用户只能选择一个选项。菜单则可以在有限空间中显示多个选项供 用户选择。 可导航的列表或弹出菜单。 设计者可以在表单中插入图像。使用图像域可以制作图形化的按钮。 使浏览者可以浏览本地计算机中的文件并将该文件作为表单数据上传。 在单击时执行操作，是最基本的表单对象之一。
说明 Spry验证文本域是一个增强的文本域，其作用是验证浏览者输 入文本时显示文本是否有效 Spry验证文本域是一个增强的文本区域，其作用是验证浏览者 输入多行文本时显示文本是否有效 Spry验证复选框是XHTML表单中的一个或一组复选框。其可以 在用户选择（或没有选择）复选框时显示对象的状态 Spry验证选择是一个下拉菜单，其可以在用户进行选择时显示 对象的状态。
说明 设置弹出窗口的URL地址。其可以用相对地址，也可以用绝对 地址。 设置弹出浏览器窗口的宽度。其值为数字，单位为px（像素） 设置弹出浏览器窗口的高度，其值为数字，单位为px（像素） 设置弹出的浏览器窗口是否显示前进、后退等导航工具栏 设置弹出的浏览器窗口是否显示文件、编辑、查看等菜单条 设置弹出的浏览器窗口是否显示地址工具栏 设置弹出的浏览器窗口是否显示滚动条 设置弹出的浏览器窗口底部是否显示状态栏 设置弹出的浏览器窗口是否允许浏览者调节大小 设置弹出的浏览器窗口标题的名称。
数值(int和float等) 布尔(boolean) 引用数据类 型 对象(object)
数组(area) 特殊数据类 型 空值(Null)
不存在的数据(Undefi ned)