第十一讲行为事件(2) 在这节,我们继续学习 Dreamweaver系统 提供的行为事件的应用: 7、检查浏览器 优秀的网站应考虑到不同的访间者在访间 网页时,网页是否能够正常显示。为了兼 容不同版本和类型的浏览器,有的网站甚 至为同一内容的页面制作了不同浏览器上 运行的版本,这样做是非常麻烦的。使用 检査浏览器”动作,可以很快地解决这 个问题
第十一讲 行为事件(2) 在这节,我们继续学习Dreamweaver系统 提供的行为事件的应用: 7、检查浏览器 优秀的网站应考虑到不同的访问者在访问 网页时,网页是否能够正常显示。为了兼 容不同版本和类型的浏览器,有的网站甚 至为同一内容的页面制作了不同浏览器上 运行的版本,这样做是非常麻烦的。使用 “检查浏览器”动作,可以很快地解决这 个问题
在使用“检查浏览器”动作,可以获取用户 的浏览器版本和类型,根据浏览器的类型 和版本的不同,将用户转到不同的网页 例如设计者可以将使用N4或更高版本的浏览 器的访问者转到第一页,把4或更高版本 的浏览器的访问者转到另一页,而将其它 类型的浏览器的访问者留在当前页。此行 为通常被附加到页面的标签上 操作步骤如下 打开需要附加该动作的页面 2)、选中标签,打开系统行为面板
在使用“检查浏览器”动作,可以获取用户 的浏览器版本和类型,根据浏览器的类型 和版本的不同,将用户转到不同的网页。 例如设计者可以将使用N4或更高版本的浏览 器的访问者转到第一页,把IE4或更高版本 的浏览器的访问者转到另一页,而将其它 类型的浏览器的访问者留在当前页。此行 为通常被附加到页面的标签上。 操作步骤如下: 1)、打开需要附加该动作的页面。 2)、选中标签,打开系统行为面板
单击“+”按钮,在弹出的动作菜单中选择 “检查浏览器”动作。弹出以下对话框: 检查浏览器 Netscape Navi gator:..0或更新的版本,前往UL 确定 取消 否则,「前往替代URL 帮助 nternet Explorer:0-或更新的版本,前往IL 否则,前往替代IRL 其他浏览器前往替代URL 浏览」 替代URL:□
单击“+”按钮,在弹出的动作菜单中选择 “检查浏览器”动作。弹出以下对话框:
3)、在弹出的对话框中进行相关设置,设置 完毕,按“确定 在相应的下拉列表中选择的各项的含义如下: °[留在此页]停留在本页面。 °[转到UR凵跳转到URL文本框中指定的页面 中去。 °[前往代替UR凵跳转到代替∪RL文本框中指 定的页面中去
3)、在弹出的对话框中进行相关设置,设置 完毕,按“确定”。 在相应的下拉列表中选择的各项的含义如下: • [留在此页] 停留在本页面。 • [转到URL] 跳转到URL文本框中指定的页面 中去。 • [前往代替URL] 跳转到代替URL文本框中指 定的页面中去
8、控制 Shockwave或Fash 使用【控制 Shockwave或Fash】动作,可以 控制 Macromedia shockwave或 Macromedia flash的播放、停止、重放。 操作步骤如下 1)、单击插入栏中的常用面板的插入Fash 对象按钮,在文档中插入一段Fash动画 2)、打开其属性面板,在最左上方区域中为 Fash影片命名(必须取名,才能用这个动 作来控制它)
8、控制Shockwave或Flash 使用【控制Shockwave或Flash 】动作,可以 控制Macromedia Shockwave或 Macromedia Flash的播放、停止、重放。 操作步骤如下: 1)、单击插入栏中的常用面板的插入Flash 对象按钮,在文档中插入一段Flash动画。 2)、打开其属性面板,在最左上方区域中为 Flash影片命名(必须取名,才能用这个动 作来控制它)
3)、在文档窗口中插入三个图像按钮,用来 作为控制Fash影片的对象。 4)、选定“播放”按钮,然后打开行为面板 击“+”按钮,从动作弹出的菜单中选择 【控制 Shockwave或Fash】命令,打开 【控制 Shockwave或Fash】对话框 控制 Shockwave或Fash 影片:影片"asd 确定 操作:C播放 取消 停止 倒带C前往帧 帮助
3)、在文档窗口中插入三个图像按钮,用来 作为控制Flash影片的对象。 4)、选定“播放”按钮,然后打开行为面板, 点击“+”按钮,从动作弹出的菜单中选择 【控制Shockwave或Flash 】命令,打开 【控制Shockwave或Flash 】对话框:
5)、在对话框中的【动作】选项中选择【播 放】选项,单击“确定”按钮 6)、重复步骤4)和5)为“倒退”、“停 止”按钮添加行为。 7)、检査默认事件是否是“ onClick 设置完成以后,预览网页,就可以使用这」 个按钮控制Fash动画的播放
5)、在对话框中的【动作】选项中选择【播 放】选项,单击“确定”按钮。 6)、重复步骤4)和5)为“倒退”、“停 止”按钮添加行为。 7)、检查默认事件是否是“onClick”。 设置完成以后,预览网页,就可以使用这三 个按钮控制Flash 动画的播放
9、检查表单 表单数据的合法性检验,有的可以在客户端 进行,有的必须在服务器端进行。例如 年龄不能小于0,电子邮件地址不能没有@ 号等都可以在客户端检验,无须发送到 服务器检验。对于用户的密码,信用卡号 等信息,可在客户端检查其合法性,如密 码的长度是否满足,但它的正确性必须送 到服务器端进行检验。 使用“检查表单”动作检查指定文本域中的 内容,是否满是合法性要求。具体做法是:
9、检查表单 表单数据的合法性检验,有的可以在客户端 进行,有的必须在服务器端进行。例如, 年龄不能小于0,电子邮件地址不能没有@ 符号等都可以在客户端检验,无须发送到 服务器检验。对于用户的密码,信用卡号 等信息,可在客户端检查其合法性,如密 码的长度是否满足,但它的正确性必须送 到服务器端进行检验。 使用“检查表单”动作检查指定文本域中的 内容,是否满足合法性要求。具体做法是:
使用 on blur事件将此动作分别附加到各个 文本域,在用户填写表单时对文本域进 检查;或使用 on submit事件将其附加 到表单,在用户单击“提交”按钮时, 同时对多个文本域进行检查。只有表单 的数据符合要求,才能将表单提交到服 务器。若表单的数据不符合要求,必须 重新输入 下面用一个简单的例子介绍在客户端检验 数据有效性的一般方法:
使用onBlur事件将此动作分别附加到各个 文本域,在用户填写表单时对文本域进 行检查;或使用onSubmit事件将其附加 到表单,在用户单击“提交”按钮时, 同时对多个文本域进行检查。只有表单 的数据符合要求,才能将表单提交到服 务器。若表单的数据不符合要求,必须 重新输入。 下面用一个简单的例子介绍在客户端检验 数据有效性的一般方法:
1)、创建一个会员注册表单。如下所示: 会员注册 用户名: 密码 年龄 邮件地址: 提交 重置 2)、检査年龄输入的有效性,选择“年龄” 文本框,然后打开系统行为面板,单击“+” 按钮,从弹出的菜单中选择“检查表单”动 作,弹出以下对话框:
1)、创建一个会员注册表单。如下所示: 2)、检查年龄输入的有效性,选择“年龄” 文本框,然后打开系统行为面板,单击“+” 按钮,从弹出的菜单中选择“检查表单”动 作,弹出以下对话框: