第十一讲行为事件(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)、检查年龄输入的有效性,选择“年龄”文本框,然后打开系统行为面板,单击“+”按钮,从弹出的菜单中选择“检查表单”动作,弹出以下对话框:
《网页设计》完整课件 网页设计10-2 来自淘豆网m.daumloan.com转载请标明出处.
