Web程序设计课件(完整版)

1、Web程序设计第1章 Web基础知识1.1 应用程序架构及其发展第1章 Web基础知识1.2 Internet基础1.3 Web简介1.4 Web开发工具1.5 ASP程序示例1.1 应用程序架构及其发展1.1.1 单机架构 单机架构的优点是由个人维护本机，不易造成数据的丢失，安全性高，数据处理效率高。但这种架构存在致命的缺点，就是无法实现各个计算机间数据的共享。 最早的应用程序都是单机架构。在这种架构下，所有的应用程序都在本机运行，所有的数据都保存在本地机上。这种架构要求本机具有良好的性能和较大的磁盘空间，以实现数据的高效处理。1.1 应用程序架构及其发展1.1.2 工作站/服务器架构 工作

2、站/服务器架构的优点是容易配置，对硬件要求不高，特别是对服务器的硬件要求不高。工作站/服务器架构的缺点是数据处理效率低，因为所有的数据都要通过网络传输，增大了网络流量。如果网络规模较大，在处理数据时就显得力不从心。另外，工作站的硬件配置直接影响的数据处理的速度。 为了解决数据共享问题，人们开始将应用程序布置成工作站/服务器（workstation/server，W/S）架构。这种架构是在服务器上保存所有的数据，而工作站上运行程序并处理数据。所有的工作站通过网络连接到服务器上，取其上的数据，然后利用运行在工作站上的应用程序对数据进行处理，并最终将处理结果保存到服务器上，以供他人共享。这种架构中，

3、服务器只是用来存储数据。1.1 应用程序架构及其发展1.1.3 客户机/服务器架构 种架构对客户机硬件要求不高，网络的作用仅限于发送操作指令和传送少量数据，因此不会造成网络拥塞现象。但每一个应用系统都需在客户端安装相应的应用程序，更新和升级带来了不便。 为解决工作站/服务器架构过于依赖工作站性能和网络传输量大的缺点，人们提出了客户机/服务器（client/server，C/S）架构。客户机/服务器架构的特点是由客户机向服务器发出指令，而数据的存储和处理均在服务器上进行。在服务器完成数据处理后，将运算结果返回给客户机，用户就可以利用安装在客户机上的应用程序对结果进行二次处理。1.1 应用程序架构

4、及其发展1.1.4 浏览器/服务器架构 为解决客户机/服务器架构的应用局限，浏览器/服务器（browser/server，B/S）架构的应用程序成为更多人的选择。浏览器/服务器架构是对客户机/服务器架构的改进。它使用Internet上的标准协议（TCP/IP）作为客户机和服务器的通信协议，可以使位于Internet上的任意位置的人都可以访问服务器（例如移动办公）。服务器完成数据处理和数据的存储，并将处理结果以网页的形式提供给客户端。客户端的浏览器实现对数据的显示，客户端不需要单独编写应用程序，应用程序系统的升级只需在服务器上进行。1.2 Internet基础 1. TCP/IP网际网层：IP、

5、ICMP、ARP、RARP传输层：TCP、UDP TCP/IP是Internet所采用的协议组，TCP和IP是其中两个重要的协议，因此TCP/IP就成为这个协议组的代名词。在这里TCP称为传输控制协议，负责数据从端到端的传输，IP称为网络互联协议，负责网络互联。该协议组也是一个分层的网络协议，从底到顶分为网络接口层、网际网层、传输层、应用层四个层次。 TCP/IP各层中主要的协议：应用层：DNS、SMTP、FTP、TELNET、HTTP1.2 Internet基础 2. IP地址 连接到Internet上的每台计算机必须有一个唯一的地址，该地址被称为IP地址。我们现在使用的IP地址由32位二进

6、制数组成。为了便于书写，习惯上采用所谓的“点分十进制”表示，即每8位（bit）二进制数为一组，用十进制数表示，并用小数点隔开。 二进制数表示的IP地址： 11001010 01110000 00000000 00100100 用“点分十进制”表示为： 61.2 Internet基础 3. 域名 由于数字描述的IP地址没有规律，难于记忆，所以，人们用具有一定含义的字符来描述每台主机的地址，称为域名（Domain name）。在Internet上由域名服务系统（DNS）负责IP地址和域名之间的转换，用户可以等价使用IP地址和域名。 一个域名最多由25个子域名组成，各子域名间用圆点隔开。 例如：。1

7、.2 Internet基础 4. HTTP HTTP是Hyper Text Transfer Protocol的缩写，设计的目的是为了传送包含文字、图片、声音、视频等夹杂非纯文本的数据，超文本传输协议（HTTP）属于应用层协议，由于其简捷、快速的方式，非常适用于分布式和合作式超媒体信息系统。自 1990 年起，HTTP 就已经被应用于 WWW 全球信息服务系统，它是WWW的核心。1.2 Internet基础 5. URL（ Uniform Resource Locator ） 统一资源定位器URL是某一信息资源的地址标志。 URL由三部分组成： 资源类型:/存放资源的主机域名:端口/资源文件标

8、识 例如：/file/new.htm URL中资源类型可以为：http、ftp、telnet、news、mailto、file等。 其中http表示资源类型为超文本，为主机域名，缺省端口（TCP80），file/new.htm为资源文件标识。1.3 Web简介 Web是一种信息组织方式。它包含全世界Internet计算机中数量巨大的文档。这些文档彼此关联，通过超链接的形式把这些超文本信息组成在一起。存放这些文档并提供服务的计算机称为WWW服务器或Web服务器，这些文档称为网页或Web页，Web页是WWW信息的基本单位，它含有丰富的文字、图像、声音、动画等信息。1.3 Web简介 1.3.1 W

9、EB文档Web文档是由标记语言（HTML、XML）、脚本（JavaScript、VBScript）、ActiveX组件、Plugin等组成的文本文件，其中可以包含指向图形、声音等的信息，也可以包含指向到其它文档的超链接。Web文档又称为网页，分为静态网页和动态网页。静态网页是不包含服务端代码的Web文档，客户端请求这类文档时，服务器直接将该文档及嵌入到该文档的图像、声音等文件发送给客户端。动态网页包含服务端代码，客户端请求这类文档时，服务器将文档中所包含的服务端代码执行的结果和后其它内容一同发送。Web服务器端执行的代码可以是ASP、JSP、PHP等代码，这类文档以数据库技术为基础，由于每次执

10、行的结果会根据条件的不同而不同，所以称为动态网页。Web应用程序主要由这类文档组成。1.3 Web简介 1.3.2 WEB的工作原理 Web是基于客户机/服务器的一种体系结构，在Web方式下客户端软件常用浏览器。 “客户机”和“服务器” 是指两台机器上相应的应用程序，即“客户机进程”和“服务器进程”。 1.3 Web简介 1.3.2 WEB的工作原理 Web 工作的过程可以归纳为以下几个步骤：（1）用户在浏览器中指定一个URL，浏览器向该URL所指向的Web服务器发出请求。 （2）Web服务器（也称为HTTP服务器）接到浏览器的请求后，把URL转换成页面所在服务器上的文件路径名。（3）如果UR

11、L指向普通的HTML文档，Web服务器直接将它送给浏览器。HTML文档中可能包含有Java、JavaScript、VBScript等编写的小应用程序，服务器也将其随HTML一道传送到浏览器，在浏览器所在的机器上执行。（4）如果HTML文档中嵌有ASP等服务端程序，Web服务器就运行该程序，并将结果（HTML文档）传送至浏览器。1.3 Web简介1 Web客户端开发技术 1.3.3 Web应用程序设计技术简介 2 Web服务器端开发技术 HTML(Hypertext Markup Language，超文本标记语言) JSP(Java Server Pages)技术 脚本(如VB Script，J

12、ava Script，Java Applet，ActiveX) XML(Extensible Markup Language，可扩展的源标记语言) ASP(Active Server Pages)与ASP.NET技术 PHP(Personal Home Page Tools)技术 1.3 Web简介1 Windows平台 1.3.4 Web应用程序部署环境 2 Linux平台 安装配置IIS 安装Apache服务器 测试IIS 安装JDK 安装iASP 配置iASP 启动服务并测试1.3 Web简介 1.3.5 Web应用程序的特点 基于网络的编程模式 以界面表现为主导 可以跨平台实现 容易入

13、门和掌握 难以实现复杂的系统 性能受网络带宽的影响1.4 WEB应用程序开发工具简介1. 文本编辑软件 Web应用程序设计可以使用文本编辑软件和专门的开发工具。2. 专门开发工具 记事本、UltraEdit 等。 Macromedia Dreamweaver 、InterDev 等。1.5 简单ASP程序示例【例1.1】 在客户端浏览器中显示服务器当前日期。打开任意一款文本编辑软件，键入以下代码： 显示日期 上述代码以example.asp为扩展名保存到Web服务器站点主目录指定的文件夹。在网内任一台计算机（包括Web服务器本身）上打开浏览器浏览。第2章 HTML元素2.1 HTML文档的基本

14、结构第2章 HTML元素2.2 文本格式标记2.3 列表标记2.4 超链接标记2.5 多媒体标记2.6 表格标记2.7 框架标记2.8 表单及表单元素标记2.9 CSS样式表的使用2.1 HTML文档的基本结构2.1.1 标记 HTML标记有以下几个常用属性：xml:lang国际化属性 xmlns代表xml命名空间 dir定义元素(文字)的对齐方式 html标记成对出现，以开始，结束。是一个HTML文档的开始和结束标记，标志着一个文档的开始和结束。 2.1 HTML文档的基本结构2.1.2 标记 head标记区域中可以有title标记、base标记、link标记、object标记、script

15、标记、style标记、meta标记等。 head标记成对出现，以开始，结束，代表HTML文档的头信息。2.1 HTML文档的基本结构2.1.3 标记 该标记的常用属性是用来设定页面超链接的相关显示颜色、设定页面的背景、设置页面布局等。 body标记成对出现，以开始，结束。body标记是一个HTML文档主体的开始和结束标记，通过改变body标记的属性，可控制整个页面的显示方式 。2.1 HTML文档的基本结构2.1.4 标记 title标记用来标识HTML文档的标题，标题内容出现在浏览器窗口的标题栏中。标记对只能放在.标记对之间。 2.2.1 标记2.2 文本格式标记 通过改变font标记的属性

16、，可以改变输出文本的大小、字体、颜色等。该标记的常用属性如下： 属性 描述 size 设定文字的大小 face 设定文字的字体 color 设定文字的颜色，颜色的取值是十六进制RGB颜色码或Html语言给定的颜色常量名2.2.2 标题文字标记2.2 文本格式标记 HTML元素中有一系列对文本标题进行操作的标记对：.至.，即一共有六对标题的标记对。.表示最大的标题， .表示最小的标题，即在标题标记中h后面的数字越大标题文本就越小。如果Html文档中需要输出标题文本的话，便可以使用这六对标题标记对中的任何一对。该标记的常用属性为align，用来设置标题在页面中的对齐方式，其中有3个值：left（左

17、对齐）、center（居中）、right（右对齐）。默认为left。2.2 文本格式标记2.2.3 字型 标记 文字的字型又称为文字的风格，如黑体、斜体、带下划线等，这是一组标记，它们可以单独使用，也可以混合使用产生复合修饰效果。常用的字型标记见表2-5。2.2.4 格式标记2.2 文本格式标记 1 标记 .标记放在一个段落的头尾，是用来创建一个段落，在此标记对之间加入的文本将按照段落的格式显示在浏览器中。 2 标记 标记是个单标记，它没有结束标志。该标记放在一行的末尾，作用是创建一个回车换行。同时与该标记作用相反的有标记，它的作用是强制不换行。 3 标记 .标记用来排版大块HTML段落。.标

18、记可以使用align属性，它用来说明对齐方式。align可以是Left(左对齐)、Center(居中)和Right(右对齐)三个值中的任何一个。 4 标记 标记是个单标记，它的作用是在HTML文档中加入一条水平线。 5 标记 .标记的作用是用来对文本进行预处理操作。 6 标记 .标记的作用是标记对之间加入的文本将会在浏览器中按两边缩进的方式显示出来。 2.3.1 无序列表标记2.3 列表标记 1 .标记、.标记、.标记 .用来创建一个普通的列表。.用来创建列表中的上层项目，.用来创建列表中最下层项目。.和.标记对都需放在.标记对之间使用。 2 标记 用来创建一个带有项目符号（如、等符号）的列表

19、。是单标记，是用来创建表项的。标记需在.标记对之间使用。 2.3.2 有序列表标记2.3 列表标记 有序列表标记、标记 用来创建一个有序的列表。是用来创建表项的。标记需在.标记对之间使用。 .和标记有type属性，type属性可设置5种序号类型，分别为：数字、大写英文字母、小写英文字母、大写罗马字母、小写罗马字母。 2.4.1 锚点标记2.4超链接标记 本标记的属性href是必须有的，标记对之间加入需要链接的文本或图像。href的值是目标资源的有效地址，如果要创建一个不链接到其他位置的空链接，href的值可以为#，即。 2.4.2 指向电子邮件的超链接2.4超链接标记 单击电子邮件的链接，将打

20、开默认的电子邮件程序，如Outlook Express、FoxMail等，并自动填写邮件地址。具体格式为：需链接的对象 2.4.3 指向下载文件的超链接2.4超链接标记 如果链接的是下载文件，具体格式为：需链接的对象 2.5.1 图像标记2.5 多媒体标记 图像标记 标记为单标记。使用该标记可以把图像加入到网页中。其中该标记有指定具体图片的属性、设置图片大小的属性等。具体属性见表2-10。 2.5.2 背景音乐标记2.5 多媒体标记 背景音乐的加入可以用标记来实现。如：，其中src属性的值是加入背景音乐的路径。Loop属性是控制声音的播放次数，当取值为-1或infinite时，声音将一直播放一

21、直到离开该网页为止。 2.5.3 视频标记2.5 多媒体标记 在网页中加入的视频信息格式一般为*.AVI。 格式为： scr设置在未载入视频时，在视频播放区域显示的图像，该属性的值为图像的地址 dynsrc设置视频文件的路径及其名称 loop设置视频文件的播放次数 start设置视频文件的开始，该属性有两个值fileopen和mouseover。fileopen 是指打开含本标记的页面时开始播放视频，mouseover 是指将鼠标移动到视频播放区时开始播放，默认值为fileopen。 2.6.1 标记2.6 表格标记 标记是用来建立一个表格。表格的外观是由表格标记的属性来决定的。具体属性见表

22、2-12。2.6.2 和 标记2.6 表格标记 标记是单标记，该标记是用来创建表格中的每一行。此标记只能放在 . 标记对之间使用。.标记对是用来创建表格中一行中的每一个单元格的，此标记对需放在标记后使用。表格中的文本需放在.标记对之间才有效，放在标记或.标记对之间是无效的。 2.6.3 标记2.6 表格标记 .标记是用来设置表格头的，通常是黑体居中文字。2.7.1 标记2.7 框架标记 该标记功能为分割窗口，用来定义主文档中有几个框架并且各个框架是如何排列的。具体相关属性如下： Cols 设定分割左右窗口宽度，属性的取值可以是百分数、绝对像素值或星号(“*”)，其中星号表示剩余部分 Rows

23、设定分割上下窗口高度，属性的取值可以是百分数、绝对像素值或星号(“*”)，其中星号表示剩余部分 Border设定边框的宽度 Bordercolor 设定边框的颜色 Frameborder 设定有无边框 Framespacing设置窗口各部分间的空白 2.7.2 标记2.7 框架标记 标记用于给各个框架指定页面内容。标记需在.标记对之间使用 。 src它代表此框架要调入的源文件(包括网络路径,即相对路径或网址) name 指定框架名，这个名字是供超文本链接标记中的target属性用来指定链接的目标HTML文件将显示在哪一个框架中。 scrolling用来指定是否显示滚动轴，取值可以是yes(显示

24、)、no(不显示)或auto(自动) noresize 不允许用户改变这个框架部分的大小，默认为允许2.8.1 标记2.8 表单及表单元素标记 标记的作用是创建一个表单，即定义表单的开始和结束位置，该标记对之间的一切都属于表单的内容。该标记的常用属性及描述如下所示： action设定表单的处理方式，一般是E-mail地址或网址 method设置处理程序从表单中获取信息的方式，可取值为 GET 或 POST。GET方式是处理程序从当前文档中获取数据。POST方式与GET方式相反，它是当前的文档把数据传送给处理程序，传送的数据量要比使用GET方式的大的多 target用来设定目标窗口或目标帧2.8

25、.2 标记2.8 表单及表单元素标记 标记是用来定义一个用户输入区，用户可在其中输入信息。此标记需在.标记之间使用。标记常用属性如下： size设置单行文本区域的宽度 name设置该表项的控制名 maxlength设置允许输入的最大字符数目 type设置要加入表单项目的类型 2.8.3 和标记2.8 表单及表单元素标记 标记对是用来创建一个下拉列表框或可以复选的列表框。此标记在标记对之间使用。 标记是用来指定列表框的一个选项的，它在标记之间使用。 2.8.4 标记2.8 表单及表单元素标记 标记是用来创建一个可以输入多行的文本框，此标记对在 标记对之间使用。具体属性描述如下： cols 设置文

26、本框的列数 rows设置文本框的行数 name设置文本框的控制操作名 2.9.1 在HTML文档中加入CSS的方法2.9 CSS样式表的使用 1 内部样式表 这是一种把CSS文档放到文档中的方法，其中CSS的定义样式如下： 2 行内样式表 这是一种把CSS样式表写在HTML的行内的方法，具体格式如下： 这是采用的格式把样式写在html中的任意行内，这样比较方便灵活。 3 链接外部样式表文件 该种方法是把样式表单独保存为一个样式表文件（.css），然后在中定义。具体定义格式如下： . . 2.9.2 CSS中的属性2.9 CSS样式表的使用 CSS中的属性很多，常用的属性分类有字体属性、颜色和背

27、景属性、文本属性、容器属性、鼠标属性以及定位属性等。第3章 JavaScript3.1 JavaScript简介3.2 JavaScript程序设计基础3.3 JavaScript程序结构3.4 JavaScript对象系统3.5 JavaScript事件和事件处理第3章 JavaScript3.1 JavaScript简介 JavaScript是一种面向对象(Object)的、由事件驱动(Event Drive)的并具有较高安全性能的脚本语言。它最早是Netscape公司开发的“Mocha”语言，后改名为“LiveScript”语言。在Sun公司推出Java后，Netscape公司的工程师们

28、充分借鉴了Java的基本概念，对“LiveScript”进行了大量的修改，并在其后发行的Netscape浏览器2.0测试版时推出了全新“JavaScript”语言。它的出现弥补了HTML语言和Java语言的在web应用开发方面的不足。它不仅支持Applet小程序，同时向Web页的制作者提供一种嵌入HTML文档进行编程的、基于对象的Script（脚本）程序语言。随后JavaScript语言规范不断发展，从1.1、1.2、1.3发展到现在的1.5版本；数据表现和控制能力不断增强；应用范围不断拓展，如网页特效、在线网页编辑器、OA客户端等可以说几乎所有web应用开中都可以找到JavaScript的身

29、影。 3.1 JavaScript简介1. 解释性2. 基于对象 3. 事件驱动 4. 简单性 5. 安全性 6. 跨平台性3.1.1 JavaScript语言特点 3.1 JavaScript简介1. 软件环境：Netscape Navigator浏览器或Internet Explorer浏览器。用于编辑HTML文档的字符编辑器(word、WPS、 Notepad、WordPad等)或HTML文档编辑器。2. 硬件配置：内存 32M。CPU 233mhz以上。显示器 256色，分辨率在640X480以上。鼠标和其它外部设置（根据需要选用）。 3.1.2 JavaScript程序的运行环境3.

30、1 JavaScript简介 我的第一个JavaScript程序!3.1.3 第一个JavaScript程序 3.2 JavaScript程序设计基础 JavaScript脚本语言的基本语法与C、C+和Java都非常的相似。所以对于已经具备了或+语言编程基础的人来说，学习JavaScript脚本语言是一件非常轻松愉快的事。同时由于JavaScript脚本语言的采取了简单语法的形式组织，如变量是弱变量，没有指针，无需定义类等，使得即便是没有任何计算机语言基础的的初学者也可以很快的掌握。本节主要讨论JavaScript脚本语言的变量、运算符和表达式。 3.2 JavaScript程序设计基础3.2

31、.1 JavaScript脚本代码的声明 JavaScript脚本语言通过标签. . . 告知浏览器其中包含的的内容为客户端程序代码，属性Language指名该客户段代码使用的何种语言，“JavaScript”表示这里使用的是JavaScript语言。 3.2 JavaScript程序设计基础3.2.3 JavaScript变量 （1）变量的命名 JavaScript中的变量命名的方法和C、C+或JAVA等计算机语言非常相似，这里要注意以下三点：变量命名时必须以字母开头，中间可以出现数字。变量命名时可以使用下划线“_”作为连字符。但不能有空格、“”、“”、“，” 或其它符号。不能使用JavaS

32、cript中的关键字作为变量。 3.2 JavaScript程序设计基础3.2.3 JavaScript变量 以下变量命名为合法。abc, china, a1, str_1, abc_h。 以下变量命名不合法。123、12.3、a.a、_abc。3.2 JavaScript程序设计基础3.2.3 JavaScript变量 （2）变量的类型 变量的类型可以是JavaScript的任何基本类型，例如：number（数值型）、string（字符串型）、object和Boolean（布尔型）。 3.2 JavaScript程序设计基础3.2.3 JavaScript变量 （3）变量的声明 JavaSc

33、ript规定通过关键字“var”后面加上变量的名称来声明一个变量。对变量作声明的最大好处就是能及时发现代码中的错误；因为JavaScript是采用动态编译的，而动态编译是不易发现变量命名的方面的代码中的错误。变量声明实例如下：var abc;3.2 JavaScript程序设计基础3.2.3 JavaScript变量 （4）变量的作用域 JavaScript将变量的作用范围分为两种，一种是全局变量，一种是局部变量。全局变量在主程序中定义，其有效范围从其定义开始，一直到本程序结束为止。局部变量在程序的函数中定义，其有效范围只有在该函数之中；当函数结束后，局部变量生存期也就结束了。3.2 Java

34、Script程序设计基础3.2.4表达式和运算符 1. 表达式的构成 （1）使用单目运算符构成单目表达式形式如下：操作数 运算符 或 运算符 操作数实例：x+，+y，a-，!x等。（2）使用双目运算符构成双目表达式：操作数1 运算符 操作数2实例：ab，a&b，-b，a*b，ab ? 20 :0，3.2 JavaScript程序设计基础3.2.4表达式和运算符 根据运算符操作数和运算结果的数据类型可以分为算术运算符，比较运算符，逻辑运算符、位运算符和赋值运算等。3.3 JavaScript程序结构结构化程序设计的最基本的原则程序本身只能有一个入口和一个出口；程序只能由顺序结构、判断结构和循环结

35、构三种基本流程结构构成。3.3 JavaScript程序结构三种结构的流程图 3.3 JavaScript程序结构3.3.1 JavaScript判断语句双分支if语句if（判断表达式） /分支1语句段1else /分支2语句段23.3 JavaScript程序结构3.3.1 JavaScript判断语句2.多分支if.else if.语句 if (判断表达式1) 语句段1; else if(判断表达式2) 语句段2;else 语句段n; 3.3 JavaScript程序结构3.3.1 JavaScript判断语句3.多分支switch语句 switch(表达式) case 判断值1: 语句段

36、1; case 判断值2: 语句段2; case 判断值n: 语句段n; default: 语句段n + 1; 3.3 JavaScript程序结构3.3.2 JavaScript循环语句1.for语句for(表达式1;表达式2;表达式3)循环体3.3 JavaScript程序结构3.3.2 JavaScript循环语句2. while 语句while(判断表达式)循环体3.3 JavaScript程序结构3.3.2 JavaScript循环语句3.do.while 语句do循环体while(判断表达式);3.3 JavaScript程序结构3.3.3 JavaScript函数function

37、 函数名(形参列表)函数体;return 返回值; 3.4 JavaScript对象系统3.4.1 JavaScript对象运算符和对象操作语句1. 对象运算符（1）成员选择运算符“.”（2）new运算符2.对象操作语句（1）with语句（2）for in语句3.4 JavaScript对象系统3.4.2 JavaScript内置对象3.4 JavaScript对象系统3.4.3 浏览器对象 浏览器对象也称为文档对象模型（Document Object Model，简称DOM），它是由浏览器创建并可以被JavaScript等计算机程序调用的一组特殊的浏览器内部对象。通过调用浏览器对象，Java

38、Script程序可以获得与浏览器、HTML文档以及服务器进行交互的能力。浏览器对象本身是一种“树”状分层结构的对象模型。有window对象、Document对象、Form对象等。3.5 JavaScript事件和事件处理3.5.1 事件所谓事件（event），是指用户在与Web页面进行交互时，所发出的并且能够被浏览器所识别的各种行为（如鼠标单击、鼠标移动、按下键盘按键等）的总称。比如当用户单击某Web页面中的一个按钮时，就会产生了一个onClick事件。3.5 JavaScript事件和事件处理3.5.2 事件处理程序 事件处理是基于对象编程语言的基本特征之一。如果没有事件处理，程序就会变得很

39、死，缺少灵活性。在通常情况下，JavaScript事件处理程序可以是任意的JavaScript程序代码，但习惯上使用特定的自定义函数（function），这里可以称为事件处理函数。在构造事件处理函数后，需要通知相应对象某个事件发生了，启动哪个事件处理函数。为事件指定处理程序的方法有三种，但常用方法是直接在定义对象的HTML标记中指定事件处理程序。一般格式为：其中事件处理程序可以是自定义函数的名称，也可以是简单的程序代码。使用这种方法为对象指定事件处理程序，形式简单，也是最为普遍的方式。第4章 VBScript4.1 VBScript简介4.2 VBScript语言基础4.3 VBScript程

40、序结构4.4 VBScript的过程和常用内部函数第4章 VBScript语法基础4.1 VBScript简介 VBScript是微软公司，专门为IE浏览器和IIS(Internet Information Service)服务器开发的一种面向对象(Object)的脚本语言。目前广泛的应用在基于IIS服务器平台的ASP动态WEB应用程序的开发领用。4.1 VBScript简介1. 解释性2. 基于对象 3. 易用性4.1.1 VBScript语言特点4.1 VBScript简介3.1.2 VBScript程序的运行环境1. 软件环境： IE浏览器或IIS(Internet Informatio

41、n Service)服务器 用于编辑HTML文档的文本编辑器(word、WPS、Notepad、WordPad等)或HTML文档编辑器。2. 硬件配置： 内存 32M。 CPU 233mhz以上。 显示器 256色，分辨率在640X480以上。 鼠标和其它外部设置（根据需要选用）。4.2 VBScript语言基础4.2.1 数据类型 VBScript为了增加程序的灵活性和易用性，因此在语法只提供了一种特殊的数据类型，称为Variant。 4.2 VBScript语言基础4.2.2 VBScript常量和变量 （1）变量的命名 VBScript变量命名的方法和C、C+或JAVA等计算机语言非常相

42、似，这里要注意以下四点：变量命名时必须以字母开头，中间可以出现数字。变量命名时可以使用下划线“_”作为连字符。但不能有空格、“”、“”、“，”或其它符号。长度不能超过 255 个字符。不能使用VBScript中的关键字命名变量。4.2 VBScript语言基础4.2.2 VBScript常量和变量 以下变量命名是合法的。 abc, china, a1, str_1, abc_h。以下变量命名是不合法的。 123、12.3、a.a、_abc。4.2 VBScript语言基础4.2.2 VBScript常量和变量 （2）变量的声明声明变量的一般格式： Dim 变量名称 或 Dim 变量1，变量2，

43、变量3，.，变量n4.2 VBScript语言基础4.2.2 VBScript常量和变量 （3）变量的作用域 VBScript将变量的作用范围分为两种，一种是全局变量，一种是局部变量。全局变量在主程序中定义，其有效范围从其定义开始，一直到本程序结束为止。局部变量在程序的函数后或过程中定义，其有效范围只有在该函数体或过程体的内部；当函数或过程结束后，局部变量生存期也就结束了。4.2 VBScript语言基础4.2.2 VBScript常量和变量 2. 常量常量声明的一般格式Const 常量名称=值实例Const Con_String = 这是一个字符串。Const Con_count = 604

44、.2 VBScript语言基础4.2.2 VBScript常量和变量 3. 数组 （1）数组的声明Dim 数组名(元素最大下标值) 实例 ：Dim A(8)（2）动态数组的声明ReDim A(n) /声明ReDim Preserve A(m) /重制大小4.2 VBScript语言基础 4.2.3表达式和运算符 1. 运算符的分类（1）算术运算符（2）比较运算符（3）逻辑运算符（4）字符串连接运算符4.2 VBScript语言基础 4.2.3表达式和运算符 2. 运算符的优先级 运算符的优先级是指VBScript在计算复杂表达式时，各个运算符的执行顺序。 4.3 VBScript程序结构 VB

45、Script在程序定义了顺序结构、判断结构和循环结构三种基本的程序流程结构。4.3 VBScript程序结构 4.3.1 分支结构 分支结构就是当程序有两种或两种以上的执行分支时，能够根据判断条件做出判断选择的语句。VBScript中常用的有If语句、Select Case语句。 4.3 VBScript程序结构 4.3.1 分支结构1. If语句If Then /分支1语句段1Else /分支2语句段2End If4.3 VBScript程序结构 4.3.1 分支结构2.Select Case语句Select Case 测试表达式 case 条件1 语句段1 case 条件2 语句段2 ca

46、se 条件n 语句段n Case Else 语句段n + 1;End Select4.3 VBScript程序结构 4.3.2 VBScript循环语句1.For.Next语句For 循环变量=初值 to终值 step步长表达式的值循环体Next4.3 VBScript程序结构 4.3.2 VBScript循环语句2. Do While.Loop 语句Do While 判断表达式 循环体Loop4.3 VBScript程序结构 4.3.2 VBScript循环语句3.Do.Loop While 语句Do 循环体Loop While 判断表达式4.4 VBScript的过程和常用内部函数在使用结

47、构化程序设计方法进行复杂程序设计时，程序员往往需要根据程序的功能，将程序划分为若干个相对独立模块，这些模块被称为过程。这使得程序的代码数量减少，结构清晰，可读性和可维护性提高。 VBScript根据调用这些模块后是否要返回值分别将其分为Sub过程和Function过程。 4.4.1 Sub过程1. 定义Sub过程VBScript中定义Sub过程的语法格式为：PrivatePublicSub 过程名(形式参数列表) 语句块 Exit Sub 语句块End SubExit Sub用于中途中止过程，语句块为过程所完成的操作，形式参数列表中的各个参数以逗号分隔。4.4 VBScript的过程和常用内部

48、函数 4.4.1 SUB过程2. 调用Sub过程在过程没有被调用时，Sub过程中的语句不会被执行。调用Sub过程方法有如下两种。第一种调用格式：CALL 过程名(实际参数1，实际参数2，)第二种调用格式：过程名 实际参数1，实际参数2，4.4 VBScript的过程和常用内部函数 4.4.2 Functon过程1. 定义Function过程PrivatePublic Function 过程名(形式参数列表) 语句块 Exit Function 语句块 过程名=表达式End FunctionExit Function用于中途中止过程，语句块为过程所完成的操作，表达式的值为Function过程的返

49、回值，形式参数列表中的各个参数以逗号分隔。4.4 VBScript的过程和常用内部函数4.4.2 Functon过程2. 调用Function过程Function过程同Sub过程一样，在没有被调用前，过程中的语句不会被执行。调用Function过程的方法比较简单，直接将过程名赋值给一个变量或做为一个操作数写到表达式中即可。Function过程的调用格式为：变量名过程名(实际参数1，实际参数2，)4.4 VBScript的过程和常用内部函数 4.4.3 常用内部函数VBScript提供了许多内部函数，有字符串函数、数学函数、日期函数、转换函数及判断函数等。4.4 VBScript的过程和常用内部

50、函数常用字符串函数有SPACE，UCASE，LCASE，LEFT，RIGHT，MID，LTRIM，RTRIM，TRIM，LEN，INSTR等。常用数学函数有ABS，EXP，LOG，ROUND，SQR等。常用判断函数有ISDATE，ISEMPTY，ISNULL，ISOBJECT，ISNUMERIC，ISARRAY等。常用日期函数有NOW，DATE，TIME，WEEKDAY，DATEDIFF，DATEADD等。常用转换函数有CBool、CByte、CDate、CDbl、CInt、CLng、CSng、CStr等。第5章 ASP内置对象 5.1 RESPONSE对象第5章 ASP内置对象5.2 Req

51、uest对象5.3 Session对象5.4 Application对象5.5 Server对象5.6 Global.asa文件和INC文件5.7 ASP内置对象综合应用案例5.1 RESPONSE对象 Response用于向客户端浏览器输出指定信息。使用Response对象可以实现动态创建Web页面、对客户端请求重定向以及向客户端写入Cookie等功能。5.1.1 Response对象的常用属性 Buffer属性 Expires属性 ExpiresAbsolute属性Response.Expiresabsolute =date timeResponse. Buffer=FlagRespons

52、e. Expires=NumberResponse. Expires=-1Response.Expiresabsolute =NOW-1 IsClientConnected属性 使用Response对象的IsClientConnected属性可以了解自上次调用Response.Write之后客户端是否仍然与服务器相连。5.1 RESPONSE对象 5.1.1 Response对象的常用属性5.1 RESPONSE对象 5.1.2 Response对象的常用方法 Write方法 Redirect方法 Clear方法Response. ClearResponse. Write VariantRes

53、ponse. Redirect URL End方法Response. End Flush方法Response. Flush (1) 写入的内容可以包含任何有效的HTML标记，但不能包括字符组合%，如果需要写入这个字符组合，可以使用转义序列%来代替。 (2) 由于VBScript的静态字符串常量的长度不能大于1022个字节，所以，若要使用Write方法来输出长度超过1022个字符的内容，先把输出内容放入字符串变量，然后使用该变量来引用该内容。 (3) 在编写脚本时，Response.Write可以用”=“来代替。例如，也可以写成。5.2 RESPONSE对象 3 Response对象的数据集合R

54、esponse对象只有一个数据集合CookiesResponse.Cookies(cookie)(key)|.attribute = value其中，attribute 参数可以是下列之一。Expires：cookie的过期日期。HasKeys：cookie是否包含关键字。Path：若被指定，则cookie将只发送到对该路径的请求中。如果未设置该属性，则使用应用程序的路径。Secure：只允许写。指定cookie是否安全。Request对象用于在Web服务器端收集用户通过HTTP请求所传送的所有信息，如HTML表单用POST或GET方式所提交的数据、存储在客户端的Cookie数据等。5.2 R

55、equest对象 Request对象的语法格式：Request.属性| .方法| .集合 (variable)variable参数是一些字符串，这些字符串指定要从集合中检索的项目或作为方法或属性的输入。5.2.1 Request对象的属性5.2 Request对象 5.2.2 Request对象的方法Request对象只有一个属性，即TotalBytes。Request对象只有一个方法，即BinaryRead。该方法以二进制的方式读取客户端用POST方式所传递的数据。5.2 Request对象 5.2.3 Request对象的集合集合说明ClientCertificate检索存储在发送的HTT

56、P请求中客户端证书中的字段值Cookies检索HTTP请求中发送的Cookie的值Form检索HTTP请求正文中表单元素的值QueryString检索HTTP查询字符串中变量的值ServerVariables检索预定的环境变量的值5.2 Request对象 5.2.3 Request对象的集合Form如果同名的变量出现在多个集合中， Web服务器按照下面的顺序搜索集合，返回遇到的第一个实例。QueryStringCookiesServerVariablesClientCertificate5.2 Request对象 1 Form数据集合使用Form集合可以检索在HTTP请求中通过POST方式提

57、交的表单元素的值。Request.Form( element) (index) | .CountElement为表单元素的名称。当有同名元素时，用index来检索不同的值。Count用来检索表单元素的个数。5.2.3 Request对象的集合5.2 Request对象 例：用户id: 密 码: 在服务端的form.asp用以下脚本来检索。MYID=REQUEST.FORM(ID)MYPW=REQUEST.FORM(PW)1 Form数据集合5.2.3 Request对象的集合5. 2 Request对象 使用For EachNext语句遍历表单中的所有数据值。% For Each E In R

58、equest.Form Response.Write E & = & Request.Form(E) & Next% 1 Form数据集合5.2.3 Request对象的集合5.2 Request对象 2 QueryString数据集合其中variable指定要检索的变量名；Count给出QueryString集合中变量的个数，如果没有查询字符串被发送，则Count属性值为0。Request.QueryString(variable)(index)|.Count使用Request对象的QueryString集合，服务端可以获取客户端提交的HTTP查询字符串中变量的值或变量的个数。5.2.3 R

59、equest对象的集合5.2 Request对象 客户端生成HTTP查询字符串常用的方法有3种。 在浏览器地址栏中键入请求网页的URL时，可以在URL后面键入问号“?”和查询字符串。例：http:/locahost/querystring.asp?id=123456在服务端的querystring.asp用以下脚本来检索。MYID=REQUEST.QUERYSTRING(“ID”)2 QueryString数据集合5.2.3 Request对象的集合5.2 Request对象 当通过HTML表单提交数据时，如果将表单的METHOD属性设置为GET，则表单数据将附在查询字符串中被发送到服务器端。

60、例：用户id: 密码: 2 QueryString数据集合5.2.3 Request对象的集合5.2 Request对象 使用A标记创建超链接时，可以将查询字符串放在URL后面，并使用问号“?”来分隔URL与查询字符串。例：进入2 QueryString数据集合5.2.3 Request对象的集合5.2 Request对象 当将多个值指定给一个变量时，服务器端用index来分别取值。例：http:/localhost/querystring_m.asp?id=3&id=5在服务端的querystring_m.asp用以下脚本来检索。MYID1=REQUEST.QUERYSTRING(“ID”)