第十一讲 行为事件 (2)
在这节,我们继续学习 Dreamweaver系统
提供的行为事件的应用:
7、检查浏览器
优秀的网站应考虑到不同的访问者在访问
网页时,网页是否能够正常显示。为了兼
容不同版本和类型的浏览器,有的网站甚
至为同一内容的页面制作了不同浏览器上
运行的版本,这样做是非常麻烦的。使用
“检查浏览器”动作,可以很快地解决这
个问题。
在使用“检查浏览器”动作,可以获取用户
的浏览器版本和类型,根据浏览器的类型
和版本的不同,将用户转到不同的网页。
例如设计者可以将使用 N4或更高版本的浏览
器的访问者转到第一页,把 IE4或更高版本
的浏览器的访问者转到另一页,而将其它
类型的浏览器的访问者留在当前页。此行
为通常被附加到页面的 <body>标签上。
操作步骤如下:
1)、打开需要附加该动作的页面。
2)、选中 <body>标签,打开系统行为面板,
单击,+”按钮,在弹出的动作菜单中选择
“检查浏览器”动作。弹出以下对话框:
3)、在弹出的对话框中进行相关设置,设置
完毕,按“确定”。
在相应的下拉列表中选择的各项的含义如下:
? [留在此页 ] 停留在本页面。
? [转到 URL] 跳转到 URL文本框中指定的页面
中去。
? [前往代替 URL] 跳转到代替 URL文本框中指
定的页面中去。
8,控制 Shockwave或 Flash
使用 【 控制 Shockwave或 Flash 】 动作,可以
控制 Macromedia Shockwave或
Macromedia Flash的播放、停止、重放。
操作步骤如下:
1)、单击插入栏中的常用面板的插入 Flash
对象按钮,在文档中插入一段 Flash动画。
2)、打开其属性面板,在最左上方区域中为
Flash影片命名(必须取名,才能用这个动
作来控制它)。
3)、在文档窗口中插入三个图像按钮,用来
作为控制 Flash影片的对象。
4)、选定“播放”按钮,然后打开行为面板,
点击,+”按钮,从动作弹出的菜单中选择
【 控制 Shockwave或 Flash 】 命令,打开
【 控制 Shockwave或 Flash 】 对话框:
5)、在对话框中的 【 动作 】 选项中选择 【 播
放 】 选项,单击“确定”按钮。
6)、重复步骤 4)和 5)为“倒退”、“停
止”按钮添加行为。
7)、检查默认事件是否是,onClick”。
设置完成以后,预览网页,就可以使用这三
个按钮控制 Flash 动画的播放。
9、检查表单
表单数据的合法性检验,有的可以在客户端
进行,有的必须在服务器端进行。例如,
年龄不能小于 0,电子邮件地址不能没有 @
符号等都可以在客户端检验,无须发送到
服务器检验。对于用户的密码,信用卡号
等信息,可在客户端检查其合法性,如密
码的长度是否满足,但它的正确性必须送
到服务器端进行检验。
使用“检查表单”动作检查指定文本域中的
内容,是否满足合法性要求。 具体做法是:
使用 onBlur事件将此动作分别附加到各个
文本域,在用户填写表单时对文本域进
行检查;或使用 onSubmit事件将其附加
到表单,在用户单击“提交”按钮时,
同时对多个文本域进行检查。只有表单
的数据符合要求,才能将表单提交到服
务器。若表单的数据不符合要求,必须
重新输入。
下面用一个简单的例子介绍在客户端检验
数据有效性的一般方法:
1)、创建一个会员注册表单。如下所示:
2)、检查年龄输入的有效性,选择“年龄”
文本框,然后打开系统行为面板,单击,+”
按钮,从弹出的菜单中选择“检查表单”动
作,弹出以下对话框:
3)、在弹出的对话框的命名的栏位中,选
择,age”项进行年龄输入范围的设置:勾
选“必需的”复选框,然后选择数字从
17到 70(限定会员大年龄在 17~70岁之
间)。
4)、选择邮件地址,mail”项设置:勾选
“必需的”复选框,然后选择“电子邮件
地址”。
5)、在行为面板中选择 【 onBlur】 事件。如下
图所示。
6)、预览网页。
在年龄文本框中
输入一个不在 17
~70范围的年龄,
当光标移动到下
一个文本框时,
就会弹出一个警告对话框,说明年龄的输入范围
在 17~70之内,单击“确定”关闭该对话框,
然后重新输入。
7)、用类似的方法检查邮件地址输入的合法性
10、其它行为动作
其它的行为动作用些实际的例子来说明。
具体的操作步骤如下:
1),时间轴
2)、设置状态栏文本
3)、设置层文本
4)、显示弹出式菜单
5)、拖动层
本节小结
知识点 1,行为 ----是响应某一事件而采取的
一个动作。当把行为赋予文档中的某个元
素时,也就定义了一个动作。
知识点 2,动作 ---- 是行为中的那段
Javascript代码,用于完成某一组特定的操
作,比如打开窗口,播放一段音乐等。
知识点 3,事件 ----是由用户或者浏览器触发
的事件,比如 onMouseOver,onLoad等。
要求:熟练掌握如何使用系统提供的行为
技术来制作一些复杂的网页。
作业
完成今天讲过的行为动作的上机操作。
在这节,我们继续学习 Dreamweaver系统
提供的行为事件的应用:
7、检查浏览器
优秀的网站应考虑到不同的访问者在访问
网页时,网页是否能够正常显示。为了兼
容不同版本和类型的浏览器,有的网站甚
至为同一内容的页面制作了不同浏览器上
运行的版本,这样做是非常麻烦的。使用
“检查浏览器”动作,可以很快地解决这
个问题。
在使用“检查浏览器”动作,可以获取用户
的浏览器版本和类型,根据浏览器的类型
和版本的不同,将用户转到不同的网页。
例如设计者可以将使用 N4或更高版本的浏览
器的访问者转到第一页,把 IE4或更高版本
的浏览器的访问者转到另一页,而将其它
类型的浏览器的访问者留在当前页。此行
为通常被附加到页面的 <body>标签上。
操作步骤如下:
1)、打开需要附加该动作的页面。
2)、选中 <body>标签,打开系统行为面板,
单击,+”按钮,在弹出的动作菜单中选择
“检查浏览器”动作。弹出以下对话框:
3)、在弹出的对话框中进行相关设置,设置
完毕,按“确定”。
在相应的下拉列表中选择的各项的含义如下:
? [留在此页 ] 停留在本页面。
? [转到 URL] 跳转到 URL文本框中指定的页面
中去。
? [前往代替 URL] 跳转到代替 URL文本框中指
定的页面中去。
8,控制 Shockwave或 Flash
使用 【 控制 Shockwave或 Flash 】 动作,可以
控制 Macromedia Shockwave或
Macromedia Flash的播放、停止、重放。
操作步骤如下:
1)、单击插入栏中的常用面板的插入 Flash
对象按钮,在文档中插入一段 Flash动画。
2)、打开其属性面板,在最左上方区域中为
Flash影片命名(必须取名,才能用这个动
作来控制它)。
3)、在文档窗口中插入三个图像按钮,用来
作为控制 Flash影片的对象。
4)、选定“播放”按钮,然后打开行为面板,
点击,+”按钮,从动作弹出的菜单中选择
【 控制 Shockwave或 Flash 】 命令,打开
【 控制 Shockwave或 Flash 】 对话框:
5)、在对话框中的 【 动作 】 选项中选择 【 播
放 】 选项,单击“确定”按钮。
6)、重复步骤 4)和 5)为“倒退”、“停
止”按钮添加行为。
7)、检查默认事件是否是,onClick”。
设置完成以后,预览网页,就可以使用这三
个按钮控制 Flash 动画的播放。
9、检查表单
表单数据的合法性检验,有的可以在客户端
进行,有的必须在服务器端进行。例如,
年龄不能小于 0,电子邮件地址不能没有 @
符号等都可以在客户端检验,无须发送到
服务器检验。对于用户的密码,信用卡号
等信息,可在客户端检查其合法性,如密
码的长度是否满足,但它的正确性必须送
到服务器端进行检验。
使用“检查表单”动作检查指定文本域中的
内容,是否满足合法性要求。 具体做法是:
使用 onBlur事件将此动作分别附加到各个
文本域,在用户填写表单时对文本域进
行检查;或使用 onSubmit事件将其附加
到表单,在用户单击“提交”按钮时,
同时对多个文本域进行检查。只有表单
的数据符合要求,才能将表单提交到服
务器。若表单的数据不符合要求,必须
重新输入。
下面用一个简单的例子介绍在客户端检验
数据有效性的一般方法:
1)、创建一个会员注册表单。如下所示:
2)、检查年龄输入的有效性,选择“年龄”
文本框,然后打开系统行为面板,单击,+”
按钮,从弹出的菜单中选择“检查表单”动
作,弹出以下对话框:
3)、在弹出的对话框的命名的栏位中,选
择,age”项进行年龄输入范围的设置:勾
选“必需的”复选框,然后选择数字从
17到 70(限定会员大年龄在 17~70岁之
间)。
4)、选择邮件地址,mail”项设置:勾选
“必需的”复选框,然后选择“电子邮件
地址”。
5)、在行为面板中选择 【 onBlur】 事件。如下
图所示。
6)、预览网页。
在年龄文本框中
输入一个不在 17
~70范围的年龄,
当光标移动到下
一个文本框时,
就会弹出一个警告对话框,说明年龄的输入范围
在 17~70之内,单击“确定”关闭该对话框,
然后重新输入。
7)、用类似的方法检查邮件地址输入的合法性
10、其它行为动作
其它的行为动作用些实际的例子来说明。
具体的操作步骤如下:
1),时间轴
2)、设置状态栏文本
3)、设置层文本
4)、显示弹出式菜单
5)、拖动层
本节小结
知识点 1,行为 ----是响应某一事件而采取的
一个动作。当把行为赋予文档中的某个元
素时,也就定义了一个动作。
知识点 2,动作 ---- 是行为中的那段
Javascript代码,用于完成某一组特定的操
作,比如打开窗口,播放一段音乐等。
知识点 3,事件 ----是由用户或者浏览器触发
的事件,比如 onMouseOver,onLoad等。
要求:熟练掌握如何使用系统提供的行为
技术来制作一些复杂的网页。
作业
完成今天讲过的行为动作的上机操作。