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

《Web程序设计课件(完整版).ppt》由会员分享，可在线阅读，更多相关《Web程序设计课件(完整版).ppt（294页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、Web程序设计第第1章章 Web基础知识基础知识v1.1 应用程序架构及其发展应用程序架构及其发展第第1章章 Web基础知识基础知识v1.2 Internet基础基础v1.3 Web简介简介v1.4 Web开发工具开发工具v1.5 ASP程序示例程序示例1.1 应用程序架构及其发展应用程序架构及其发展1.1.1 单机架构单机架构 单机架构的优点是由个人维护本机，不易造成单机架构的优点是由个人维护本机，不易造成数据的丢失，安全性高，数据处理效率高。但这种数据的丢失，安全性高，数据处理效率高。但这种架构存在致命的缺点，就是无法实现各个计算机间架构存在致命的缺点，就是无法实现各个计算机间数据的共享。

2、数据的共享。最早的应用程序都是单机架构。在这种架构下，最早的应用程序都是单机架构。在这种架构下，所有的应用程序都在本机运行，所有的数据都保存所有的应用程序都在本机运行，所有的数据都保存在本地机上。这种架构要求本机具有良好的性能和在本地机上。这种架构要求本机具有良好的性能和较大的磁盘空间，以实现数据的高效处理。较大的磁盘空间，以实现数据的高效处理。1.1 应用程序架构及其发展应用程序架构及其发展1.1.2 工作站工作站/服务器架构服务器架构 工作站工作站/服务器架构的优点是容易配置，对硬件要求不高，特服务器架构的优点是容易配置，对硬件要求不高，特别是对服务器的硬件要求不高。工作站别是对服务器的硬

3、件要求不高。工作站/服务器架构的缺点是数据服务器架构的缺点是数据处理效率低，因为所有的数据都要通过网络传输，增大了网络流处理效率低，因为所有的数据都要通过网络传输，增大了网络流量。如果网络规模较大，在处理数据时就显得力不从心。另外，量。如果网络规模较大，在处理数据时就显得力不从心。另外，工作站的硬件配置直接影响的数据处理的速度。工作站的硬件配置直接影响的数据处理的速度。为了解决数据共享问题，人们开始将应用程序布置成工作站为了解决数据共享问题，人们开始将应用程序布置成工作站/服务器（服务器（workstation/server，W/S）架构。这种架构是在服）架构。这种架构是在服务器上保存所有的数

4、据，而工作站上运行程序并处理数据。所有务器上保存所有的数据，而工作站上运行程序并处理数据。所有的工作站通过网络连接到服务器上，取其上的数据，然后利用运的工作站通过网络连接到服务器上，取其上的数据，然后利用运行在工作站上的应用程序对数据进行处理，并最终将处理结果保行在工作站上的应用程序对数据进行处理，并最终将处理结果保存到服务器上，以供他人共享。这种架构中，服务器只是用来存存到服务器上，以供他人共享。这种架构中，服务器只是用来存储数据。储数据。1.1 应用程序架构及其发展应用程序架构及其发展1.1.3 客户机客户机/服务器架构服务器架构 种架构对客户机硬件要求不高，网络的作用仅限于发种架构对客户

5、机硬件要求不高，网络的作用仅限于发送操作指令和传送少量数据，因此不会造成网络拥塞现象。送操作指令和传送少量数据，因此不会造成网络拥塞现象。但每一个应用系统都需在客户端安装相应的应用程序，更但每一个应用系统都需在客户端安装相应的应用程序，更新和升级带来了不便。新和升级带来了不便。为解决工作站为解决工作站/服务器架构过于依赖工作站性能和网络服务器架构过于依赖工作站性能和网络传输量大的缺点，人们提出了客户机传输量大的缺点，人们提出了客户机/服务器服务器（client/server，C/S）架构。客户机）架构。客户机/服务器架构的特点是服务器架构的特点是由客户机向服务器发出指令，而数据的存储和处理均在

6、服务由客户机向服务器发出指令，而数据的存储和处理均在服务器上进行。在服务器完成数据处理后，将运算结果返回给客器上进行。在服务器完成数据处理后，将运算结果返回给客户机，用户就可以利用安装在客户机上的应用程序对结果进户机，用户就可以利用安装在客户机上的应用程序对结果进行二次处理。行二次处理。1.1 应用程序架构及其发展应用程序架构及其发展1.1.4 浏览器浏览器/服务器架构服务器架构 为解决客户机为解决客户机/服务器架构的应用局限，浏览器服务器架构的应用局限，浏览器/服务器服务器（browser/server，B/S）架构的应用程序成为更多人的选）架构的应用程序成为更多人的选择。浏览器择。浏览器/

7、服务器架构是对客户机服务器架构是对客户机/服务器架构的改进。它服务器架构的改进。它使用使用Internet上的标准协议（上的标准协议（TCP/IP）作为客户机和服务器）作为客户机和服务器的通信协议，可以使位于的通信协议，可以使位于Internet上的任意位置的人都可以上的任意位置的人都可以访问服务器（例如移动办公）。服务器完成数据处理和数据访问服务器（例如移动办公）。服务器完成数据处理和数据的存储，并将处理结果以网页的形式提供给客户端。客户端的存储，并将处理结果以网页的形式提供给客户端。客户端的浏览器实现对数据的显示，客户端不需要单独编写应用程的浏览器实现对数据的显示，客户端不需要单独编写应用

8、程序，应用程序系统的升级只需在服务器上进行。序，应用程序系统的升级只需在服务器上进行。1.2 Internet基础基础 1.TCP/IP网际网层：IP、ICMP、ARP、RARP传输层：TCP、UDP TCP/IP是Internet所采用的协议组，TCP和IP是其中两个重要的协议，因此TCP/IP就成为这个协议组的代名词。在这里TCP称为传输控制协议，负责数据从端到端的传输，IP称为网络互联协议，负责网络互联。该协议组也是一个分层的网络协议，从底到顶分为网络接口层、网际网层、传输层、应用层四个层次。TCP/IP各层中主要的协议：应用层：DNS、SMTP、FTP、TELNET、HTTP1.2 I

9、nternet基础基础 2.IP地址地址 连接到Internet上的每台计算机必须有一个唯一的地址，该地址被称为IP地址。我们现在使用的IP地址由32位二进制数组成。为了便于书写，习惯上采用所谓的“点分十进制”表示，即每8位（bit）二进制数为一组，用十进制数表示，并用小数点隔开。二进制数表示的IP地址：11001010 01110000 00000000 00100100 用“点分十进制”表示为：202.112.0.361.2 Internet基础基础 3.域名域名 由于数字描述的IP地址没有规律，难于记忆，所以，人们用具有一定含义的字符来描述每台主机的地址，称为域名（Domain name

10、）。在Internet上由域名服务系统（DNS）负责IP地址和域名之间的转换，用户可以等价使用IP地址和域名。一个域名最多由25个子域名组成，各子域名间用圆点隔开。例如：。1.2 Internet基础基础 4.HTTP HTTP是是Hyper Text Transfer Protocol的缩写，的缩写，设计的目的是为了传送包含文字、图片、声音、视设计的目的是为了传送包含文字、图片、声音、视频等夹杂非纯文本的数据，超文本传输协议频等夹杂非纯文本的数据，超文本传输协议（HTTP）属于应用层协议，由于其简捷、快速的）属于应用层协议，由于其简捷、快速的方式，非常适用于分布式和合作式超媒体信息系统。方式

11、，非常适用于分布式和合作式超媒体信息系统。自自 1990 年起，年起，HTTP 就已经被应用于就已经被应用于 WWW 全球全球信息服务系统，它是信息服务系统，它是WWW的核心。的核心。1.2 Internet基础基础 5.URL（Uniform Resource Locator）统一资源定位器统一资源定位器URL是某一信息资源的地址标志。是某一信息资源的地址标志。URL由三部分组成：由三部分组成：资源类型资源类型:/存放资源的主机域名存放资源的主机域名:端口端口/资源文件标识资源文件标识 例如：例如：http:/ URL中资源类型可以为：中资源类型可以为：http、ftp、telnet、new

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

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

14、术为基础，由于每次执行的结果会根据条件的不同而不同，所以称为动态网页。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转换成页面

15、所在服务器上的文件路径名。（3）如果URL指向普通的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，超文

16、本标记语言)JSP(Java Server Pages)技术 脚本(如VB Script，Java 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 启动服务并测

17、试1.3 Web简介简介 1.3.5 Web应用程序的特点应用程序的特点 基于网络的编程模式 以界面表现为主导 可以跨平台实现 容易入门和掌握 难以实现复杂的系统 性能受网络带宽的影响1.4 WEB应用程序开发工具简介应用程序开发工具简介1.文本编辑软件文本编辑软件 Web应用程序设计可以使用文本编辑软件和应用程序设计可以使用文本编辑软件和专门的开发工具。专门的开发工具。2.专门开发工具专门开发工具 记事本、UltraEdit 等。Macromedia Dreamweaver、InterDev 等。1.5 简单简单ASP程序示例程序示例【例【例1.1】在客户端浏览器中显示服务器当前日期。在客户

18、端浏览器中显示服务器当前日期。打开任意一款文本编辑软件，键入以下代码：打开任意一款文本编辑软件，键入以下代码：显示日期显示日期 上述代码以上述代码以example.asp为扩展名保存到为扩展名保存到Web服务器站点主目录指定的文服务器站点主目录指定的文件夹。在网内任一台计算机（包括件夹。在网内任一台计算机（包括Web服务器本身）上打开浏览器浏览。服务器本身）上打开浏览器浏览。第第2章章 HTML元素元素v2.1 HTML文档的基本结构文档的基本结构第第2章章 HTML元素元素v2.2 文本格式标记文本格式标记v2.3 列表标记列表标记v2.4 超链接标记超链接标记v2.5 多媒体标记多媒体标记

19、v2.6 表格标记表格标记v2.7 框架标记框架标记v2.8 表单及表单元素标记表单及表单元素标记v2.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标记、s

20、tyle标记、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 文本格式标记文本

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

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

23、该标记作用相反的有标记，它的作用是强制不换行。3 标记 .标记用来排版大块HTML段落。.标记可以使用align属性，它用来说明对齐方式。align可以是Left(左对齐)、Center(居中)和Right(右对齐)三个值中的任何一个。4 标记 标记是个单标记，它的作用是在HTML文档中加入一条水平线。5 标记 .标记的作用是用来对文本进行预处理操作。6 标记 .标记的作用是标记对之间加入的文本将会在浏览器中按两边缩进的方式显示出来。2.3.1 无序列表标记无序列表标记2.3 列表标记列表标记 1.标记、.标记、.标记 .用来创建一个普通的列表。.用来创建列表中的上层项目，.用来创建列表中最下

24、层项目。.和.标记对都需放在.标记对之间使用。2 标记 用来创建一个带有项目符号（如、等符号）的列表。是单标记，是用来创建表项的。标记需在.标记对之间使用。2.3.2 有序列表标记有序列表标记2.3 列表标记列表标记 有序列表标记、标记 用来创建一个有序的列表。是用来创建表项的。标记需在.标记对之间使用。.和标记有type属性，type属性可设置5种序号类型，分别为：数字、大写英文字母、小写英文字母、大写罗马字母、小写罗马字母。2.4.1 锚点标记锚点标记2.4超链接标记标记 本标记的属性href是必须有的，标记对之间加入需要链接的文本或图像。href的值是目标资源的有效地址，如果要创建一个不

25、链接到其他位置的空链接，href的值可以为#，即。2.4.2 指向电子邮件的超链接指向电子邮件的超链接2.4超链接标记标记 单击电子邮件的链接，将打开默认的电子邮件程序，如Outlook Express、FoxMail等，并自动填写邮件地址。具体格式为：需链接的对象 2.4.3 指向下载文件的超链接指向下载文件的超链接2.4超链接标记标记 如果链接的是下载文件，具体格式为：需链接的对象 2.5.1 图像标记图像标记2.5 多媒体标记 图像标记 标记为单标记。使用该标记可以把图像加入到网页中。其中该标记有指定具体图片的属性、设置图片大小的属性等。具体属性见表2-10。2.5.2 背景音乐标记背景

26、音乐标记2.5 多媒体标记 背景音乐的加入可以用标记来实现。如：，其中src属性的值是加入背景音乐的路径。Loop属性是控制声音的播放次数，当取值为-1或infinite时，声音将一直播放一直到离开该网页为止。2.5.3 视频标记视频标记2.5 多媒体标记 在网页中加入的视频信息格式一般为*.AVI。格式为：scr设置在未载入视频时，在视频播放区域显示的图像，该属性的值为图像的地址 dynsrc设置视频文件的路径及其名称 loop设置视频文件的播放次数 start设置视频文件的开始，该属性有两个值fileopen和mouseover。fileopen 是指打开含本标记的页面时开始播放视频，mo

27、useover 是指将鼠标移动到视频播放区时开始播放，默认值为fileopen。2.6.1 标记标记2.6 表格标记表格标记 标记是用来建立一个表格。表格的外观是由表格标记的属性来决定的。具体属性见表 2-12。2.6.2 和和 标记标记2.6 表格标记表格标记 标记是单标记，该标记是用来创建表格中的每一行。此标记只能放在.标记对之间使用。.标记对是用来创建表格中一行中的每一个单元格的，此标记对需放在标记后使用。表格中的文本需放在.标记对之间才有效，放在标记或.标记对之间是无效的。2.6.3 标记标记2.6 表格标记表格标记 .标记是用来设置表格头的，通常是黑体居中文字。2.7.1 标记标记2

28、.7 框架标记框架标记 该标记功能为分割窗口，用来定义主文档中有几个框架并且各个框架是如何排列的。具体相关属性如下：Cols 设定分割左右窗口宽度，属性的取值可以是百分数、绝对像素值或星号(“*”)，其中星号表示剩余部分 Rows 设定分割上下窗口高度，属性的取值可以是百分数、绝对像素值或星号(“*”)，其中星号表示剩余部分 Border设定边框的宽度 Bordercolor 设定边框的颜色 Frameborder 设定有无边框 Framespacing设置窗口各部分间的空白 2.7.2 标记标记2.7 框架标记框架标记 标记用于给各个框架指定页面内容。标记需在.标记对之间使用。src它代表此

29、框架要调入的源文件(包括网络路径,即相对路径或网址)name 指定框架名，这个名字是供超文本链接标记中的target属性用来指定链接的目标HTML文件将显示在哪一个框架中。scrolling用来指定是否显示滚动轴，取值可以是yes(显示)、no(不显示)或auto(自动)noresize 不允许用户改变这个框架部分的大小，默认为允许2.8.1 标记标记2.8 表单及表单元素标记表单及表单元素标记 标记的作用是创建一个表单，即定义表单的开始和结束位置，该标记对之间的一切都属于表单的内容。该标记的常用属性及描述如下所示：action设定表单的处理方式，一般是E-mail地址或网址 method设置

30、处理程序从表单中获取信息的方式，可取值为 GET 或 POST。GET方式是处理程序从当前文档中获取数据。POST方式与GET方式相反，它是当前的文档把数据传送给处理程序，传送的数据量要比使用GET方式的大的多 target用来设定目标窗口或目标帧2.8.2 标记标记2.8 表单及表单元素标记表单及表单元素标记 标记是用来定义一个用户输入区，用户可在其中输入信息。此标记需在.标记之间使用。标记常用属性如下：size设置单行文本区域的宽度 name设置该表项的控制名 maxlength设置允许输入的最大字符数目 type设置要加入表单项目的类型 2.8.3 和和标记标记2.8 表单及表单元素标记

31、表单及表单元素标记 标记对是用来创建一个下拉列表框或可以复选的列表框。此标记在标记对之间使用。标记是用来指定列表框的一个选项的，它在标记之间使用。2.8.4 标记标记2.8 表单及表单元素标记表单及表单元素标记 标记是用来创建一个可以输入多行的文本框，此标记对在 标记对之间使用。具体属性描述如下：cols 设置文本框的列数 rows设置文本框的行数 name设置文本框的控制操作名 2.9.1 在在HTML文档中加入文档中加入CSS的方法的方法2.9 CSS样式表的使用样式表的使用 1 内部样式表 这是一种把CSS文档放到文档中的方法，其中CSS的定义样式如下：2 行内样式表 这是一种把CSS样

32、式表写在HTML的行内的方法，具体格式如下：这是采用的格式把样式写在html中的任意行内，这样比较方便灵活。3 链接外部样式表文件 该种方法是把样式表单独保存为一个样式表文件（.css），然后在中定义。具体定义格式如下：.2.9.2 CSS中的属性中的属性2.9 CSS样式表的使用样式表的使用 CSS中的属性很多，常用的属性分类有字体属性、颜色和背景属性、文本属性、容器属性、鼠标属性以及定位属性等。第第3章章 JavaScriptv3.1 JavaScript简介简介v3.2 JavaScript程序设计基础程序设计基础v3.3 JavaScript程序结构程序结构v3.4 JavaScrip

33、t对象系统对象系统v3.5 JavaScript事件和事件处理事件和事件处理第第3章章 JavaScript3.1 JavaScript简介简介 JavaScript是一种面向对象(Object)的、由事件驱动(Event Drive)的并具有较高安全性能的脚本语言。它最早是Netscape公司开发的“Mocha”语言，后改名为“LiveScript”语言。在Sun公司推出Java后，Netscape公司的工程师们充分借鉴了Java的基本概念，对“LiveScript”进行了大量的修改，并在其后发行的Netscape浏览器2.0测试版时推出了全新“JavaScript”语言。它的出现弥补了HT

34、ML语言和Java语言的在web应用开发方面的不足。它不仅支持Applet小程序，同时向Web页的制作者提供一种嵌入HTML文档进行编程的、基于对象的Script（脚本）程序语言。随后JavaScript语言规范不断发展，从1.1、1.2、1.3发展到现在的1.5版本；数据表现和控制能力不断增强；应用范围不断拓展，如网页特效、在线网页编辑器、OA客户端等可以说几乎所有web应用开中都可以找到JavaScript的身影。3.1 JavaScript简介简介v1.解释性解释性v2.基于对象基于对象 v3.事件驱动事件驱动 v4.简单性简单性 v5.安全性安全性 v6.跨平台性跨平台性3.1.1 J

35、avaScript语言特点语言特点 3.1 JavaScript简介简介1.软件环境：软件环境：vNetscape Navigator浏览器或浏览器或Internet Explorer浏览器。浏览器。v用于编辑用于编辑HTML文档的字符编辑器文档的字符编辑器(word、WPS、Notepad、WordPad等等)或或HTML文档编辑器。文档编辑器。2.硬件配置：硬件配置：v内存内存 32M。vCPU 233mhz以上。以上。v显示器显示器 256色，分辨率在色，分辨率在640X480以上。以上。v鼠标和其它外部设置（根据需要选用）。鼠标和其它外部设置（根据需要选用）。3.1.2 JavaScr

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

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

38、字。v变量命名时可以使用下划线“_”作为连字符。但不能有空格、“”、“”、“，”或其它符号。v不能使用JavaScript中的关键字作为变量。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和Boolea

39、n（布尔型）。3.2 JavaScript程序设计基础程序设计基础3.2.3 JavaScript变量 （3）变量的声明 JavaScript规定通过关键字“var”后面加上变量的名称来声明一个变量。对变量作声明的最大好处就是能及时发现代码中的错误；因为JavaScript是采用动态编译的，而动态编译是不易发现变量命名的方面的代码中的错误。变量声明实例如下：var abc;3.2 JavaScript程序设计基础程序设计基础3.2.3 JavaScript变量 （4）变量的作用域 JavaScript将变量的作用范围分为两种，一种是全局变量，一种是局部变量。全局变量在主程序中定义，其有效范围从

40、其定义开始，一直到本程序结束为止。局部变量在程序的函数中定义，其有效范围只有在该函数之中；当函数结束后，局部变量生存期也就结束了。3.2 JavaScript程序设计基础程序设计基础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表达式和运算符 根根据据运运算算符符

41、操操作作数数和和运运算算结结果果的的数数据据类类型型可可以以分分为为算算术术运运算算符符，比比较较运运算算符符，逻辑运算符、位运算符和赋值运算等。，逻辑运算符、位运算符和赋值运算等。3.3 JavaScript程序结构程序结构结构化程序设计的最基本的原则v程序本身只能有一个入口和一个出口；v程序只能由顺序结构、判断结构和循环结构三种基本流程结构构成。3.3 JavaScript程序结构程序结构v三种结构的流程图 3.3 JavaScript程序结构程序结构3.3.1 JavaScript判断语句v双分支双分支if语句语句if（判断表达式）/分支1语句段1else /分支2语句段23.3 Jav

42、aScript程序结构程序结构3.3.1 JavaScript判断语句2.多分支if.else if.语句 if(判断表达式1)语句段1;elseif(判断表达式2)语句段2;else语句段n;3.3 JavaScript程序结构程序结构3.3.1 JavaScript判断语句3.多分支switch语句 switch(表达式)case 判断值1:语句段1;case 判断值2:语句段2;.case 判断值n:语句段n;default:语句段n+1;3.3 JavaScript程序结构程序结构3.3.2 JavaScript循环语句1.for语句语句for(表达式1;表达式2;表达式3)循环体3.

43、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 函数名函数名(形参列表形参列表)函数体函数体;return 返回值返回值;3.4 JavaScript对象系统对象系统3.4.1 JavaScript对象运算符和对象操作语句1.对象运算符对象运算符（1

44、）成员选择运算符）成员选择运算符“.”（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等计算机程序调用的一组特殊的浏览器内部对象。通过调用浏览器对象，JavaScript程序可以获得与浏览器、HTML文档以及服务器进行交互的能力。浏览器对

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

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

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

48、的运行环境1.软件环境：软件环境：IE浏览器或IIS(Internet Information 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

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

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