浏览器开发.ppt

《浏览器开发.ppt》由会员分享，可在线阅读，更多相关《浏览器开发.ppt（77页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、第8章 浏览器端开发技术8.1 概述 8.2 HTML 8.3 VBScript语言 8.4 习题8.1 概述 u8.1.1 HTML（HyperText Markup Language，超文本标记语言）HTML是指在Web上建立超文本文件的语言，是一种描述文档结构的语言。它使用描述性的标记符来指明文档的结构。这些标记符是区分文档各个部分的分界符，并且标记符为浏览器提供了HTML文件的格式信息，使得文档在浏览器中能够正确显示。采用HTML语言编写的网页文档是普通的文本文件，与平台无关，可被任何文本编辑器进行编辑。文件中包含两部分信息，其一是文本，其二是页面结构和格式等标记符，保存的文件类型应为

2、纯文本文件且文件的扩展名应为.htm或.html 。8.1 概述u8.1.2 DHTML（Dynamic HTML，动态HTML）是Microsoft对HTML 4.0版的增强，是HTML的一种扩展和延伸。目前，高版本的浏览器都支持DHTML。DHTML是一种在网页下载到浏览器以后仍然能够随时变换的HTML，HTML中能够做的一切在网页下载后还能够再重复。“动态”的含义不仅仅是指页面中加入了动画、影像或声音，更重要的是指页面具有交互性，可以对页面中的内容进行控制与改变。DHTML是一种通过各种技术的综合而得以实现的概念，这些技术包括VBScript、JavaScript、DOM（文档对象模型）

3、、Layers（层）和CSS等。8.1 概述u8.1.3 XML（eXtensible Markup Language，可扩展标记语言）由于HTML难以扩展，交互性和语义性差，缺乏弹性，人们改进了HTML从而形成了XML。XML有利于信息的表达和结构化组织，使信息检索更为有效。XML包括了一组相关技术：XSL（可扩展样式语言）、XML链接语言、XML命名空间和XML模式。XML并不是一个独立的、预定义的单纯标记语言，它可以用来定义任何一种新的标记语言，用来定义各种不同的文件类别。它能够根据自己的需要灵活而又容易地添加新的标记，同时又不破坏标记语言格式的统一性。8.1 概述u8.1.4 VBSc

4、ript（Microsoft Visual Basic Scripting Edition）VBScript是Visual Basic的个子集，它将灵活的Script应用于更广泛的领域。VBScript是ASP的缺省语言，在ASP网页中也可以使用其他脚本语言，如JavaScript、PerlScript等。VBScript既可以作为客户端编程语言，也可以作为服务器端编程语言。VBScript以对象为基础，不仅支持对象的属性以及成员函数，而且可以用来编写动作，并反映出和对象相关的事件。VBScript只支持一种数据类型（Variant），且没有条件式的编译，不能使用行号，VBScript中没有文

5、件I/O功能，但通过服务器组件的使用仍然可以进行文件操作。8.1 概述u8.1.5 JavaScriptJavaScript是一种嵌入在HTML文件中的脚本语言，它是基于对象和事件驱动的。1995年5月Sun公司正式推出Java语言后，Netscape公司引进Java的有关概念，将LiveScript更名为JavaScript。JavaScript是种跨平台脚本语言，它既可以在浏览器上运行也可以运行在服务器上。JavaScript由JavaScript核心语言、JavaScript客户端扩展和JavaScript服务器端扩展3部分组成。JavaScript和Java有些相同之处，如它们的语法元

6、素与C+十分相似，都与平台无关。但是它们相异的地方也很多，例如，Java是Sun的产品，而JavaScript是Netscape的产品；JavaScript是解释型的，而Java是半编译半解释型的；从语法风格上看，JavaScript比较自由，而Java是种强类型语言，语法比较严谨等。8.2 HTMLu8.2.1 HTML基本标记用来限定文档的显示格式，分为头部标记和体部标记。1.头部标记u和：HTML文件头部的起始和结束标记。u和：HTML文件的标题，是显示于浏览器标题栏的字符串。u和：CSS样式定义。u：该标记位于与标记之间，提供用户不可见的信息。通常用来为搜索引擎定义页面主题以及页面刷新

7、等信息。其属性有以下几种：Name：Meta名字。Content：定义页面内容，一些特定内容要与http-equiv属性配合使用。Http-equiv：说明content属性内容的类别。8.2 HTMLu8.2.1 HTML基本标记u例如：Http-equiv=“Refresh”，则Content中是页面刷新的时间；Http-equiv=“Content-language”，则Content中是页面语言；Http-equiv=“PICS-Label”，则Content中是页面内容的等级；Http-equiv=“Expires”，则Content中是页面过期的日期。u【例8-1】头部标记应用实例

8、chap8-1.html，运行结果 如图8-1所示：头部标记演示实例 8.2 HTMLu8.2.1 HTML基本标记图8-18.2 HTMLu8.2.1 HTML基本标记2.体部标记：有Body、文字显示和段落控制标记、设置图像和超链接、列表和预定义格式标记等。u(1)和标记：表明HTML文件体部的开始和结束。8.2 HTMLu8.2.1 HTML基本标记uBody标记本身可含有属性，见表8-1所示：属性名 取值 设置含义 默认值Bgcolor 颜色值 页面背景颜色设置#FFFFFF Text 颜色值 HTML文件中文字的颜色#000000 Link 颜色值 HTML文件中待链接的超链接对象的

9、颜色 无 Alink 颜色值 HTML文件中链接中的超链接对象的颜色 无 Vlink 颜色值 HTML文件中已链接的超链接对象的颜色 无 Background 图像文件名 页面的背景图像 无 Topmargin 整数 页面显示区距窗口上边框的距离，以像素点为单位 0Leftmargin 整数 页面显示区距窗口左边框的距离，以像素点为单位 08.2 HTMLu8.2.1 HTML基本标记注意：注意：HTML文件中颜色取值有两种表示法：uRGB值表示：用颜色的十六进制RGB值，为“#RRGGBB”，分别表示三种颜色分量。例如“#ff0000”表示红色，“#00ff00”表示绿色，“#0000ff”

10、表示蓝色。u英文单词颜色常量表示：如“Red”表示红色；“Blue”表示蓝色。无论是RGB表示，还是单词常量表示，都不区分大小写。8.2 HTMLu8.2.1 HTML基本标记【例8-2】体部标记应用实例chap8-2.html，运行结果如图8-2所示：体部标记演示实例 这是一个HTML语言实例 8.2 HTMLu8.2.1 HTML基本标记图8-28.2 HTMLu8.2.1 HTML基本标记(2)文字显示和段落控制标记：文字显示属性主要有字体、字号、颜色；段落控制显示对象的分段。表8-2列出了各种标记的含义。属性名内含属性设置含义Face控制文字的显示字体Size控制文字的显示字号Colo

11、r控制文字的显示颜色控制文字的加粗显示控制文字的斜体显示控制文字的带下划线显示控制文字的所选文字大字体显示控制文字的所选文字小字体显示控制标题的级别，数字越大，显示标题字越小AlignCenter控制文字的居中显示Left控制文字的居左显示Right控制文字的居右显示块容器标记符，其中的内容是一个独立的段落分隔线标记符，属性中可含Width（分隔线宽度）、Color（分隔线颜色）换行标记符作用相当于插入一个回车符用于划分段落，控制文本放置，常可以省略用于控制文字居中对齐用于控制文字左对齐用于控制文字右对齐8.2 HTMLu8.2.1 HTML基本标记u【例8-3】文字显示和段落控制标记应用实例

12、 chap8-3.html，运行结果如图8-3所示：文字显示和段落控制标记演示实例 你好！-位于左侧 你好！-位于中央 你好！-粗体文字 你好！-蓝色宋体字 8.2 HTMLu8.2.1 HTML基本标记图8-38.2 HTMLu8.2.1 HTML基本标记(3)图像标记和：在Web上有很多种图像格式可以被浏览器解释。其中常见的有以下几种：GIF格式（.gif文件）、位图格式（.bmp文件）、JPEG格式（.jpg、.jpeg文件）和PNG格式（.png）等。用标记可以向页面中插入一幅图像。8.2 HTMLu8.2.1 HTML基本标记uImg标记的属性见表8-3所示：属性名 设置含义 Src

13、 图像文件的地址。该属性值必须指明。值的形式可以是一个本地文件名，也可以是一个URL形式，例如：http:/ Border 图像边框粗细。值为整数，若为0，表示无边框，值越大，边框越粗 Width 图像宽度。值为整数，单位为屏幕像素点，若不指出该属性值，则浏览器根据图像的实际尺寸显示 Height 图像高度。单位为屏幕像素点，若不指出该属性值，则浏览器根据图像实际尺寸显示 Alt 若设置了该属性值，则当鼠标移至该图像区域时，将以小标签显示该属性的值 8.2 HTMLu8.2.1 HTML基本标记【例8-4】图像标记应用实例chap8-4.html，运行结果 如图8-4所示：Img标记演示实例

14、8.2 HTMLu8.2.1 HTML基本标记图8-48.2 HTMLu8.2.1 HTML基本标记(4)超链接标记和：HTML最显著的优点就在于它支持文档的超链接，用户可以很方便地在不同文档以及同一文档的各个位置之间跳转。u超链接由两部分组成：锚标和目标点。锚标是显示在本页面中的可被触发的超链文本或图像，目标点是用来描述当超链接被触发后要链接到的URL地址信息。u超链接标记的格式为：超链接文本或图像 8.2 HTMLu8.2.1 HTML基本标记u超链接标记除了有必备的Href属性外，还有一个很有用的属性Target，它用来指明目标页面显示的窗口位置。Target=_Blank：表示打开的目

15、标超链接页面显示在一个新的浏览器窗口Target=_Top：通常在帧中的超链接才设置该值，表示目标页面显示于整个浏览器窗口，而不是显示在帧所在窗口中Target=帧名：目标页面显示于指定帧所在的窗口uTarget的默认值是本页面所在的浏览器窗口。在同一窗口中，新的超链接目标显示的同时，旧的内容将消失（如想重新看到旧的页面，只需单击浏览器的“后退”按钮）。8.2 HTMLu8.2.1 HTML基本标记u根据目标页面位置的不同，Href属性的URL信息的构成分为以下三种情况：目标页面位于另外的主机或采用非HTTP协议，此时采用绝对URL地址格式，即：协议名:/主机名目录信息。例如：http:/ h

16、ttp:/ ftp:/ mailto:zhao_hui_若目标页面位于本主机，可采用相对URL地址代替绝对URL地址。例如：目标页面的HTML文件与当前HTML文件位于同一子目录，名为reader.htm，则超链接标记可简化为：相对路径的超链接文本 默认情况下，超链接总是指向目标HTML文件的头部，但超链接的目标也可以是某文件的特定位置（称为“锚点”）。此时，需用超链接标记的Name属性来定义超链接的引用名。格式为：文本或图像等页面元素 8.2 HTMLu8.2.1 HTML基本标记 注意：注意：这里的文本或图像等页面元素并不被特殊显示，也不会触发超链接的跳转，它仅定义了一个超链接目标的引用名

17、。当需跳转到此目标时，只需将“#锚点名”附加到URL之后即可。8.2 HTMLu8.2.1 HTML基本标记【例8-5】超链接标记应用实例chap8-5.html，运行结 果如图8-5所示：超链接标记演示实例 网络数据库应用技术 第一章 概述 第二章 SQL语言 第三章 网络数据库基础 第四章 网络数据库管理系统SQL Server 2000 第二章 SQL语言 21 概述 22 SQL的数据定义 23 SQL的数据查询 24 SQL的数据更新 25 嵌入式SQL语言8.2 HTMLu8.2.1 HTML基本标记图8-58.2 HTMLu8.2.1 HTML基本标记(5)列表标记：列表标记是H

18、TML的一个基本结构，有三种类型列表：无序列表（Unordered list）：列表项。通过和来实现。有序列表（Ordered list）：列表项。通过和来实现。定义列表（Definition list）：列表项。通过、和来实现。8.2 HTMLu8.2.1 HTML基本标记【例8-6】列表标记应用实例chap8-6.html，运行结果如图8-6所示：列表标记演示实例 以下是无序列表清单：概述 SQL的数据定义 SQL的数据查询 SQL的数据更新 嵌入式SQL语言 以下是有序列表清单：Li概述 SQL的数据定义 SQL的数据查询 SQL的数据更新 嵌入式SQL语言以下是定义列表清单：第二章 S

19、QL语言概述SQL的数据定义第三章 网络数据库基础通信协议网络数据库8.2 HTMLu8.2.1 HTML基本标记图8-68.2 HTMLu8.2.1 HTML基本标记(6)预定格式（Preformatted）标记：可以使信息完全按照HTML文件中编排的格式原样显示于浏览器中，该标记的格式为：预定格式的信息。u一般来说，如果不使用预定格式标记，浏览器在显示HTML文件时只保留格式符，而忽略源文件中的回车和空格，并根据需要对原文件的字体、大小进行调整。8.2 HTMLu8.2.1 HTML基本标记【例8-7】预定格式标记应用实例chap8-7.html，运行 结果如图8-7所示：预定格式标记演示

20、实例 概述 21 SQL的数据定义 22 SQL的数据查询 23 SQL的数据更新 24 嵌入式SQL语言 8.2 HTMLu8.2.1 HTML基本标记图8-78.2 HTMLu8.2.2 表格（Table）1表格的定义 标题内容 表格内容 表格内容 其中，：标志表格结构的起始和结束。：是可选项，该标记中的内容是表格的标题。：标志一个表格行的开始和结束。：一个表格行中可以包含多个表格项，该标记对用来标志每个表格项的内容和显示特性。8.2 HTMLu8.2.2 表格（Table）2表格属性u标记、和的属性用来定义表格的显示特性。u其中的各属性描述整个表格的显示特性。u行控制标记的各属性定义该行

21、的显示特性，表格项控制标记的各属性定义该项的显示特性。8.2 HTMLu8.2.2 表格（Table）u标记属性见表8-4所示：属 性 名含 义Border表格边框粗细，该值为0，则表格没有边框，值越大，则表格边框越粗。Width表格宽度，以相对于充满窗口的百分比计（如60%）或以屏幕像素点数计Cellpadding每个表项内容与表格边框之间的距离，以像素点为单位Cellspacing表格边框之间的距离，以像素点为单位Bordercol表格边框的颜色Background表格的背景图Align表格的位置8.2 HTMLu8.2.2 表格（Table）u标记属性见表8-6所示：属性名含 义Alig

22、n本表格项的横向排列方式Bgcolor本表格项的背景色Valign本表格项的纵向排列方式Width本表格项宽度（受Table和Tr的Width属性值制约）Height本表格项高度，以像素点为单位（受Tr的Height属性值制约）Background本表格项的背景图像Colspan按列横向结合。例如该值为2，表示本表格项在宽度上占用2列Rowspan按行纵向结合。例如该值为2，表示本表格项在高度上占用2行8.2 HTMLu8.2.2 表格（Table）【例8-8】表格应用实例chap8-8.html，运行结果如图 8-8所示：表格演示实例专业设置表系名专业计算机科学与工程系计算机及应用专业8.2

23、 HTMLu8.2.2 表格（Table）计算机控制专业计算机教育专业化学与化学工程系化学工程专业化学教育专业 8.2 HTMLu8.2.2 表格（Table）图8-88.2 HTMLu8.2.3 表单控制（Form）1表单定义 u表单定义的语法格式如下：Textarea 定义 Select定义 uForm标记的属性含义为：Method属性：取值为Post或Get，二者的区别是Get方法将在浏览器的URL栏中显示所传递变量的值，而Post方法则不显示。另外，在服务器端的数据提取方式也不同。Action属性：指出了用户所提交的数据将由哪个服务器的哪个程序处理，可处理用户提交数据的服务器程序种类较

24、多，如CGI程序、ASP脚本程序、PHP程序等。8.2 HTMLu8.2.3 表单控制（Form）2表单的输入域 u有三类定义方式：Input、Textarea和Select。以标记定义的多种输入域，包括Text，Radio，Checkbox，Password，Hidden，Button、Submit和Reset等。以标记定义的文本域。以标记和定义的下拉列表框。8.2 HTMLu8.2.3 表单控制（Form）u表单常用的输入域如表8-7所示：输入域名称说 明Text（文本框）可输入一行文字Radio（单选按钮）当有多个选项时，只能选其中一项Checkbox（复选框）当有多个选项时，可以选其中

25、多项Submit（提交按钮）将数据传递给服务器Password（密码输入框）用户输入的字符以“*”显示Reset（重置按钮）将用户输入的数据清除Hidden（隐藏域）在浏览器中不显示，但可通过程序取其值或改变值。它主要用于浏览器向服务器传递数据而不想让浏览器用户知道的情形Button（按钮）普通按钮，按下后的操作需设计程序完成Textarea（文本域）可输入多行文字Select（下拉列表）在多个可选项中进行选择，定义方法见下面的说明8.2 HTMLu8.2.3 表单控制（Form）【例8-9】表单应用实例chap8-9.html，运行结果如图 8-9所示：表单演示实例 欢迎，请登录！用户名称

26、性别 8.2 HTMLu8.2.3 表单控制（Form）男 女 用户密码 年龄 所在城市 8.2 HTMLu8.2.3 表单控制（Form）北京市 天津市 上海市 山西省 河北省 江苏省 爱好 文学 音乐 体育8.2 HTMLu8.2.3 表单控制（Form）个人简历 8.2 HTMLu8.2.3 表单控制（Form）图8-98.2 HTMLu8.2.4 框架（Frame）1框架的定义：首先确定如何分割窗口，然后建立描述窗口分割的主文件，再为每个框架建立相应的HTML文件。主文件的定义方法是：头部标记 字符串 其中，标记定义窗口分割的方式（横向或纵向）和大小，可以嵌套，内层的表示对已分割的窗口

27、再进行分割的方式和大小。标记指明框架所对应的HTML文件。标记的个数应与其所属的标记分割的框架数目相同，与窗口的对应关系是按排列顺序逐个对应。标记定义了若浏览器不支持框架时所显示的内容。8.2 HTMLu8.2.4 框架（Frame）2框架属性：u标记的属性见表8-8所示：属 性 名 取 值 含 义 默认值 Rows 百分比表示 将窗口上下（横向）分割，每个框架高度占整个窗口高度的百分比。例如：“25%,75%”表示将窗口分为上下两个框架，高度分别为总窗口高度的“25%和75%”。值的一部分也可用“*”表示，例如“25%，*”表示最后一个框架的高度是除去其他框架已用去的高度 无 整数表示 将窗

28、口上下（横向）分割，每个框架高度的像素点数。例如：“100,600”表示将窗口分为上下两个框架，高度分别为100和600个像素点。值的一部分也可用“*”表示，含义同上 Cols 百分比表示将窗口左右（纵向）分割，百分比表示与整数表示法同Rows属性 无 整数表示 Frameborder Yes|No 帧框架边框是否显示 Yes Bordercolor 颜色值 框架边框颜色 Gray 8.2 HTMLu8.2.4 框架（Frame）u标记的属性见表8-9所示：属 性 名取 值 含 义 默 认 值 Src HTML文件名 框架对应的HTML文件 无 Name 字符串 框架的名字，可在程序和标记的T

29、arget属性中引用 无 Noresize 无 不允许用户改变框架窗口大小 无 Scrolling Yes|No|Auto 框架边框是否出现滚动条 Auto Marginwidth 整数 框架左右边缘像素点数 0 Marginheight 整数 框架上下边缘像素点数 0 8.2 HTMLu8.2.4 框架（Frame）【例8-10】框架应用实例：利用框架将窗口分成三个子窗口，上窗口是标题，文件名为top.html，左窗口是内容介绍，文件名为left.html，右窗口是目录内容，文件名为right.html。主文件的文件名为：chap8-10.html。运行结果如图8-10所示：主文件chap8

30、-10.html的内容：框架演示实例 此网页使用了框架，但您的浏览器不支持框架!8.2 HTMLu8.2.4 框架（Frame）上窗口文件top.html的内容：上面框架 网络数据库应用 技术 8.2 HTMLu8.2.4 框架（Frame）左窗口文件left.html的内容：左面框架 本书内容新颖，涵盖面广 右窗口文件right.html的内容：右面框架 网络数据库应用技术 第一章 概述 第二章 SQL语言 第三章 网络数据库基础 第四章 网络数据库管理系统SQL Server 2000 8.2 HTMLu8.2.4 框架（Frame）图8-108.3 VBScript语言u8.3.1 客户

31、端脚本和服务器端脚本 使用VBScript和JavaScript，既可编写客户端脚本，也可编写服务器端脚本。客户端脚本由浏览器处理，必须把脚本代码用和标记嵌人到HTML页面中去，语法格式为：标记的属性都是可选的，其中Languange的默认值是JavaScript；Class是该Script的类名；Event设定本Script程序为当某事件发生时执行的程序，它需与For配合使用；For设置引发事件的对象名；Id设定本Script的标记；Scr是当脚本程序单独存放时，在HTML中用标记引用它时的URL。服务器端脚本是在Web服务器上执行，生成发送到浏览器的HTML页面由Web服务器负责。在ASP

32、中，服务器端脚本要用分隔符“”括起，或者在、标记中用RUNAT=Server表示脚本在服务器端执行。8.3 VBScript语言u8.3.1 客户端脚本和服务器端脚本【例8-11】客户端脚本代码应用实例chap8-11.html，运行结果如图8-11所示：VBScript客户端脚本演示实例 !-Sub Button1_OnClick Dim frm Set frm=Document.Forms.Form1 If IsNumeric(frm.Num.Value)Then If frm.Num.Value100 Then MsgBox“请输入1到100之间的数字!”Else frm.Submit

33、End If 8.3 VBScript语言u8.3.1 客户端脚本和服务器端脚本【例8-11】客户端脚本代码应用实例chap8-11.html，运行结果如图8-11所示：Else MsgBox“请输入数字!”End If End Sub -请输入1到100之间的数字!8.3 VBScript语言u8.3.1 客户端脚本和服务器端脚本 图8-118.3 VBScript语言u8.3.1 客户端脚本和服务器端脚本注意：注意：u用、标记编写服务器端脚本时，不必再用注释标记“”来屏蔽，因为服务器必须能够解释脚本，否则会引起错误。uVBScript的MsgBox和InputBox不能在服务器端脚本中使用

34、。MsgBox用于显示一个信息框，而InputBox用于产生一个输入框。信息框和输入框都是用户界面元素，不能在服务器端执行。u脚本代码能够嵌入到HTML文档的任何地方，通常将所有脚本代码集中放在 Head部分，这样可以确保在Body部分调用代码之前所有脚本代码都被读取并解码。u用、标记编写服务器端脚本时，脚本代码必须作为某个函数或过程的一部分出现，而不能单独出现在过程或函数体之外。8.3 VBScript语言u8.3.2 VBScript的数据类型VBScript只有一种数据类型，即Variant（变体类型）。Variant是一种特殊的数据类型，根据使用的方式，它可以包含不同类别的信息，即根据

35、实际使用的上下文环境，决定它所代表的数据内容是作为“字符串”还是“数值”。除简单地将数据内容分为数值和字符串外，Variant还进一步区分信息的含义，称为Variant的子类型。Variant子类型如教材表8-10所示：8.3 VBScript语言u8.3.3 VBScript常量与变量1常量uVBScript常量是具有一定含义的名称，其值是固定不变的。VBScript中使用Const语句定义常量，例如：Const str=“这是一个字符串”Const n=20 Const currdate=#04-04-2004#uVBScript定义了一批常量保留字，例如vbString，vbByte等，

36、它们是系统的预定义常量，其名字都以“vb”开头。8.3 VBScript语言u8.3.3 VBScript常量与变量2变量(1)变量及其声明。VBScript的变量是在程序中其值可以改变的量，VBScript中变量声明有两种方式：一种方式是使用Dim语句显式地定义变量，例如：Dim count,sum另一种方式是通过在VBScript程序中直接使用变量名来隐式地声明变量。例如：num=0 name=John”后一种方式有时会由于变量名拼写错误而导致出现意外结果，所以尽量少用。8.3 VBScript语言u8.3.3 VBScript常量与变量(2)变量名。变量命名的规则是：必须以字母开头，中间

37、不能包含句点（.），长度不超过255个字符，在变量的作用域范围内必须惟一。通常给变量命名时还需注意到它所表达的含义，例如count，可用于表示次数；sum表示累加和等。VBScript变量中不区分大小写字母，这点与JavaScript不同。(3)变量的作用域与生存期。变量的作用域由其被声明的位置决定。若变量在过程中被声明，则它的作用域仅局限于该过程，称之为局部变量；若变量在过程外被声明，则它的作用域是整个脚本程序范围，可被所有过程引用，称之为全局变量或Script级变量。8.3 VBScript语言u8.3.3 VBScript常量与变量(4)标量变量和数组变量。只包含一个值的变量称为标量变量

38、，而数组变量则是包含多个相关值的变量。数组变量也用Dim语句声明，例如：Dim a(5)。VBScript数组的下标从0开始，故a(5)包含6个元素。数组元素可像标量变量一样被赋值和引用。例如：a(0)=10 count=a(0)。VBScript中可以声明多维数组，各维数之间以逗号分隔。例如声明二维数组可用如下语句：Dim a(4,3)。以上方式声明的数组是固定数组，即数组元素的个数在声明时就已经确定，在程序运行过程中不能改变数组大小。VBScript中还可以声明动态数组，即在程序运行中可以改变其大小的数组。动态数组的声明方法是，首先用Dim或ReDim语句声明数组名，然后用ReDim确定维

39、数和大小，以后可用ReDim Preserve语句重新调整数组的大小。例如：Dim arrayl()或ReDim arrayl()：用Dim或ReDim声明数组名为array1。8.3 VBScript语言u8.3.4 运算符和表达式1算术运算符 求幂 -负号 *乘法 /除法 整除 mod 取余+加法 -减法 2比较运算符：比较运算符用于比较两个表达式的值，结果为逻辑值。=相等 不等于 大于=大于等于 Is 是否为同一对象 注意：注意：Is运算符并不比较对象的值，而是判断参与运算的两个对象是否引用同一对象。8.3 VBScript语言u8.3.4 运算符和表达式3连接运算符 VBScript的

40、连接运算符为“+”或“&”，用于连接字符串。由于“+”还是加法运算符，所以在容易混淆之处，最好使用“&”作为连接符。“&”运算具有自动转换数据类型的作用，运算符左右两边数据类型可以不同。4逻辑运算符：逻辑运算符用于进行表达式的逻辑判断，结果是逻辑值（True或False）。VBScript的逻辑运算符有：Not 逻辑“非”And 逻辑“与”Or 逻辑“或”Xor 逻辑“异或”Eqv 逻辑“等价”Imp 逻辑“蕴涵”算术运算符8.3 VBScript语言u8.3.4 运算符和表达式5运算符的优先级-当一个表达式包含多个运算符时，将按照一定的顺序计算各个部分，这个计算顺序就称为运算符的优先级。利用

41、括号可以改变运算的次序，括号中的部分总是优先计算，括号中的计算仍然要按照优先级规定。-VBScript的运算符优先级规定是，算术运算符优先级最高，其次是连接运算符，接下来是比较运算符，最后是逻辑运算符。算术运算符的优先顺序是：求幂、负数、乘除、整除、取余和加减，乘除属于同级运算符，加减也属于同级运算符。关系运算符的优先顺序都相同。逻辑运算符的优先顺序是：Not、And、Or、Xor、Eqv、Imp。同级运算符的运算次序按照从左到右进行。8.3 VBScript语言u8.3.5 流程控制1条件语句VBScript的条件语句包括四种：(1)IfThen 语句，语句格式为：If 条件表达式 Then

42、 语句(2)IfThenElseEndif语句，语句格式为：If 条件表达式 Then 语句组1 Else 语句组2 End If8.3 VBScript语言u8.3.5 流程控制-(3)IfThen的多分支结构，语句格式为：If 条件表达式1 Then 语句组1 ElseIf 条件表达式2 Then 语句组2 Else 语句组n End If8.3 VBScript语言u8.3.5 流程控制(4)SelectCase语句：当条件判断状态可能出现多种情况时，可使用多路分支选择语句Select Case，其语法格式为：Select Case 表达式 Case 值1 语句组1 Case 值2 语句

43、组2 Case Else 语句组n End Select8.3 VBScript语言u8.3.5 流程控制2循环语句：循环语句用于重复执行一组语句。在VBScript中有四种循环语句：-DoLoop：当（或直到）条件为True时循环。-WhileWend：当条件为True时循环。-ForNext：重复执行语句块指定次数。-For EachNext：对于集合中的每项或数组中的每个元素，重复执行一组语句。8.3 VBScript语言u8.3.6 VBScript过程和函数1Sub过程-Sub过程是包含在Sub和End Sub语句之间的一组VBScript语句，执行操作但不返回值。Sub过程可以使用

44、参数（由调用过程传递的常数、变量或表达式）。如果Sub过程无任何参数，则Sub语句必须包含空括号（）。2Function函数-Function函数是包含在Function和End Function语句之间的一组VBScript语句。Function函数与Sub过程类似，但是Function函数有返回值。Function函数可以使用参数（由调用过程传递的常数、变量或表达式）。如果Function函数无任何参数，则Function语句必须包含空括号（）。Function函数通过函数名返回一个值，这个值是在函数语句中赋给函数名的。Function返回值的数据类型总是Variant。8.3 VBScr

45、ipt语言u8.3.6 VBScript过程和函数3参数传递 默认情况下，VBScript是按地址传递，即过程按变量的内存地址去访问实际变量的内容。这样将变量传递给过程时，通过过程就可以改变变量的值。如果在编程时想明确指定参数是按地址传递的，用关键字ByRef。按地址传递参数时，传递的是地址，过程中如果改变了这个值，将直接影响变量本身。若指定参数是按值传递的，用关键字ByVal。按值传递参数时，传递的只是变量的副本。如果过程中改变了这个值，则所作的变动只影响副本而不会影响变量本身。8.3 VBScript语言u8.3.7 VBScript常用标准函数VBScript常用标准函数见教材中表8-11所示：8.4 习题1常用的浏览器端开发技术有哪些？2简述超文本标记语言HTML的特点。3HTML文档的基本结构由哪些标记组成？4客户端脚本和服务器端脚本有哪些区别？5在VBScript中变量的命名规则是什么？6请列举VBScript中数据类型。7在VBScript中，有哪些赋值操作符？8VBScript中有哪几种循环语句？9VBScript中过程和函数有什么区别？