Dreamweaver的行为讲解

  • 格式:docx
  • 大小:254.90 KB
  • 文档页数:3

打开浏览窗口:可以打开一个小窗口(和网上的弹出窗口一样);

弹出信息:可以弹出一条警告信息;

调用JavaScript:调用网页中包含的Javascript程序;

交换图像:实际上是交换图像;

更改办容:可以改变已经插入的层的内容;

恢复交换图像:把已经交换的图像恢复过来;

检测插件:可以检测访问者的浏览器是否己安装浏览网页所必须的插件;

检测浏览器:检测访问者使用的是什么类型的浏览器;

检查表单:检验网页中的表单是否合法;

转到URL:跳转到其它页面;

设置文字:在特定的地方显示文字;

显示或隐藏层:设置图层的显示或隐藏;

跳转菜单:插入跳转导航菜单;

跳转菜单开始:控制导航菜单跳到哪个页面;

拖动层:设定图层是否允许拖动;

预先载入图像:在网页装载前先预先载入图像;

设置文本

“设置层文本”行为

“设置层文本”行为可以用指定的内容替换现有层的内容和格式设置,但将保留层的属性,包括颜色。该内容可以包括任何有效的HTML源代码。

“设置框架文本”行为

“设置框架文本”行为可以动态设置框架的文本,用指定的内容替换框架的内容和格式设置。该内容可以包含任何有效的HTML源代码。使用此行为可以动态显示信息。

“设置文本域文本”行为

“设置文本域文字”行为可以用指定的内容替换表单文本域的内容。

“设置状态栏文本”行为

“设置状态栏文本”行为可在浏览器窗口底部左侧的状态栏中显示消息。如可以使用此行为在状态栏中说明链接的目标而不是显示链接的URL。

在进行网页编辑时,用HTML代码并不能实现对网页状态栏的编辑。实际上,浏览器的状态栏是可以更改的,JavaScript编辑的方法可以改变浏览器的状态栏。Dreamweaver也提供了方便的设置状态栏的行为。

打开浏览器窗口

打开一个新的浏览器窗口,在其中显示所指定的内容,网页设计者可指定该新窗口尺寸、是否可调节大小、是否有菜单等属性。

交换图像

“交换图像”行为可将一个图像替换为另一个图像,这是通过更改“scr”属性来实现的,此动作一般用来创建翻转按钮以及同时替换多个图片。

恢复交换图像

“恢复交换图像”行为用于将替换的图像恢复为原始的图像文件。

改变属性

“改变属性”行为用于改变网页元素的属性值。

检查浏览器

“检查浏览器”行为是为了根据浏览者使用的浏览器版本的不同来决定访问的不同网页,以提高网页的兼容性。可将此行为添加到与任何浏览器都兼容页面的<body>标签上,也可以将此行为添加到一个空链接上,并让该行为根据访问者浏览器的类型和版本确定链接的目标页面。

不同的浏览器或同一浏览器的不同版本,对网页的显示,对网站上某些程序的执行等内容可能会有所不同。于是,在设计网页时,有时需要针对不同的浏览器和不同版本的浏览器设计不同的网页。在加载网页时,网页会对不同的浏览器或版本进行判断,然后转跳到不同的网页上。Dreamweaver的自动生成JavaScript功能,可以方便地实现浏览器的检查和不同页面的转跳。

检查插件

“检查插件”行为用于检查访问者的电脑中是否安装了特定的插件,而决定将浏览者带往不同的页面,如浏览者电脑中安装了Flash插件,那么就播放Flash给浏览者观看,如果没有安装,就直接将浏览者带往没有Flash的页面。

检查表单

“检查表单”行为用于检查指定文本域的内容,以确保用户输入了正确的数据类型。使用“onBlur”事件添加到文本域,可以在用户填写表单时对域进行检查,若使用“onSubmit”事件将其添加到表单,在用户提交表单时可同时对多个文本域进行检查。使用该行为可以防止表单提交到服务器后指定的文本域包含无效的数据。

在网页中提交表单时,应该对所提交的数据进行验证,这样可以提高数据交互的准确性,有利于用户与服务器进行数据交互。

数据验证有服务器验证和客户验证两种方式。服务器验证是服务器程序对用户提交的值进行各自判断,对不同的数据与浏览器进行不同的数据交互或进行不同的数据处理。但这种验证是用户与服务器进行数据交互的过程,会占用较大的服务器资源。如果网络速度不理想,这种数据验证的过程速度也不高。

更好的方法是用JavaScript编程的方法对表单进行浏览器数据验证,这需要进行各种数据验证的编程和响应过程。Dreamweaver提供了功能强大的浏览器数据验证的生成方式,用户并不需要进行编程就可以很好地完成浏览器数据的验证工作。下面是“检查表单”对话框中各项设置的含义:

值:用来设置这个字段是不是必须要填写。 可接受:一组单选按钮,如果选择这一个字段必须填写,则可以在这些单选按钮中设置这个字段值的判断。

1.任何东西:表示字段可以是不为空的任意内容。

2.数字:表示字段必须是一个数字。

3.电子邮件地址:表示字段必须是E-mail地址。

4.数字范围:表示字段必须是一个数字且必须在指定的范围内。

转到URL

选择“转到URL”行为可在当前窗口或指定框架内打开一个新的页面。此行为在一次单击改变两个或更多框架的内容时特别有用,它也可以在时间轴内被调用,在特定时间间隔后跳转到新的页面。

弹出信息

“弹出信息”行为将用于显示一个指定的JavaScript提示信息框。该提示信息是提供给浏览者信息的,浏览者不能做出选择,也不能控制信息框的外观,只有一个“确定”按钮,其外观取决于浏览器属性。

拖动层

“拖动层”行为使网页中层的位置不再是固定不变的,而是可以随着浏览者的鼠标运动而运动,层在拖动过程中还可调用JavaScript代码或函数,从而实现一些特殊效果。

显示-隐藏层

“显示-隐藏层”行为用于改变一个或多个层的可见性。此行为可以用于交互时显示信息。如当鼠标光标滑过一个图像时,则显示该图像的相关信息,当鼠标光标离开这个图像时,提示信息则消失。

跳转菜单

“跳转菜单”行为是用于修改已经创建好的跳转菜单。

如果网页中有很多链接,这些链接不需要直接显示在页面上就可以做出一个下拉跳转菜单,把链接放在一个下拉菜单中。选择下拉菜单中的选项以后,页面会自动跳转到这一个网页。跳转菜单也是用JavaScript编程实现的。可以借助Dreamweaver自动生成跳转菜单。(“插入”/“表单”/“跳转菜单”)

跳转菜单开始

“跳转菜单开始”行为与“跳转菜单”行为密切相关,“跳转菜单开始”行为允许将“前往”按钮和一个“跳转菜单”行为关联起来。

预先载入图像

在网页中包含了各种各样的图像,有些图像在网页被浏览器下载的时候不能被同时下载,要显示这些图片就需要再次发出下载指令,这样会影响浏览者的浏览。这时可使用“预先载入图像”行为先将这些图片载入到浏览器的缓存中,避免出现延迟。 在导航条的图片交换,鼠标经过图像等网页交互时,有些图片需要预先载入。浏览器在打开网页时,虽然这些图片不会马上显示,但会根据用户的交互随时显示这些图片。预先载入图片可以缩短用户等待下载的事件。

调用JavaScript

“调用JavaScript”行为用于执行“行为”面板中某个特定事件时调用自己编写的JavaScript代码、函数。

1、浏览器事件

onload(装入一个文档):当浏览器完成装入一个窗口或一个帧集合中所有的帧时,产生该事件。

onunload(退出一个文档):当Web页面退出时引发该事件。

onsubmit(提交一个表单对象):在完成信息输入,准备将信息提交给服务器处理时发生该事件。

onReset(重置一个表单对象):当一个表单对象被提交以及被重置时,触发该事件。

2、鼠标事件

onmousedown(按下鼠标):当按下鼠标上一个键时,发生该事件。

onmousemove(鼠标移动):鼠标移动的时候发生该事件。

onmouseover(鼠标悬停):鼠标悬停在一个界面对象时发生该事件。

onmouseout(鼠标滑出界面对象):当鼠标滑出一个界面对象时,发生该事件。

onmouseup(释放鼠标上一个键):释放鼠标上一个键时发生该事件。

onclick(单击一个对象):当用户单击鼠标按钮时,产生该事件。

onfocus(获得焦点):当表单对象中的文本输入框对象、文本输入区对象或者选

择框对象获得焦点时,引发该事件。可通过用鼠标单击或用键盘的Tab键使一个对象得到焦点。

onblur(失去焦点):当表单对象中的文本输入框对象、文本输入区对象或者选择

框对象不再拥有焦点时,引发该事件。

3、其他事件

onchange(改变事件):当利用文本框或多行文本框输入字符值改变时发生该事件

,同时当在列表项中一个选项状态改变后也会引发该事件。

onselect(选中事件):当文本框或多行文本框对象中的文字被加亮后,引发该事件。