Web程序设计294页教学课件全书电子教案.ppt

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,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 工作站/服务器架构,工作站/服务器架构的优点是容易配置，对硬件要求不高，特别是对服务器的硬件要求不高。工作站/服务器架构的缺点是数据处理效率低，因为所有的数据都要通过网络传输，增大了网络流量。如果网络规模较大，在处理数据时就显得力不从心。另外，工作站的硬件配置直接影响的数据处理的速度。,为了解决数据共享问题，人们开始将应用程序布置成工作站/服务器（workstation/server，W/S）架构。这种架构是在服务器上保存所有的数据，而工作站上运行程序并处理数据。所有的工作站通过网络连接到服务器上，取其上的数据，然后利用运行在工作站上的应用程序对数据进行处理，并最终将处理结果保存到服务器上，以供他人共享。这种架构中，服务器只是用来存储数据。,1.1 应用程序架构及其发展,1.1.3 客户机/服务器架构,种架构对客户机硬件要求不高，网络的作用仅限于发送操作指令和传送少量数据，因此不会造成网络拥塞现象。但每一个应用系统都需在客户端安装相应的应用程序，更新和升级带来了不便。,为解决工作站/服务器架构过于依赖工作站性能和网络传输量大的缺点，人们提出了客户机/服务器（client/server，C/S）架构。客户机/服务器架构的特点是由客户机向服务器发出指令，而数据的存储和处理均在服务器上进行。在服务器完成数据处理后，将运算结果返回给客户机，用户就可以利用安装在客户机上的应用程序对结果进行二次处理。,1.1 应用程序架构及其发展,1.1.4 浏览器/服务器架构,为解决客户机/服务器架构的应用局限，浏览器/服务器（browser/server，B/S）架构的应用程序成为更多人的选择。浏览器/服务器架构是对客户机/服务器架构的改进。它使用Internet上的标准协议（TCP/IP）作为客户机和服务器的通信协议，可以使位于Internet上的任意位置的人都可以访问服务器（例如移动办公）。服务器完成数据处理和数据的存储，并将处理结果以网页的形式提供给客户端。客户端的浏览器实现对数据的显示，客户端不需要单独编写应用程序，应用程序系统的升级只需在服务器上进行。,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、HTTP,1.2 Internet基础,2.IP地址,连接到Internet上的每台计算机必须有一个唯一的地址，该地址被称为IP地址。我们现在使用的IP地址由32位二进制数组成。为了便于书写，习惯上采用所谓的“点分十进制”表示，即每8位（bit）二进制数为一组，用十进制数表示，并用小数点隔开。,二进制数表示的IP地址：,11001010 01110000 00000000 00100100,用“点分十进制”表示为：202.112.0.36,1.2 Internet基础,3.域名,由于数字描述的IP地址没有规律，难于记忆，所以，人们用具有一定含义的字符来描述每台主机的地址，称为域名（Domain name）。在Internet上由域名服务系统（DNS）负责IP地址和域名之间的转换，用户可以等价使用IP地址和域名。,一个域名最多由25个子域名组成，各子域名间用圆点隔开。,例如：。,1.2 Internet基础,4.HTTP,HTTP是Hyper Text Transfer Protocol的缩写，设计的目的是为了传送包含文字、图片、声音、视频等夹杂非纯文本的数据，超文本传输协议（HTTP）属于应用层协议，由于其简捷、快速的方式，非常适用于分布式和合作式超媒体信息系统。自 1990 年起，HTTP 就已经被应用于 WWW 全球信息服务系统，它是WWW的核心。,1.2 Internet基础,5.URL（,Uniform Resource Locator,）,统一资源定位器URL是某一信息资源的地址标志。,URL由三部分组成：,资源类型:/存放资源的主机域名:端口/资源文件标识,例如：Web简介,Web是一种信息组织方式。它包含全世界Internet计算机中数量巨大的文档。这些文档彼此关联，通过超链接的形式把这些超文本信息组成在一起。存放这些文档并提供服务的计算机称为WWW服务器或Web服务器，这些文档称为网页或Web页，Web页是WWW信息的基本单位，它含有丰富的文字、图像、声音、动画等信息。,1.3 Web简介,1.3.1 WEB文档,Web文档是由标记语言（HTML、XML）、脚本（JavaScript、VBScript）、ActiveX组件、Plugin等组成的文本文件，其中可以包含指向图形、声音等的信息，也可以包含指向到其它文档的超链接。Web文档又称为网页，分为静态网页和动态网页。静态网页是不包含服务端代码的Web文档，客户端请求这类文档时，服务器直接将该文档及嵌入到该文档的图像、声音等文件发送给客户端。动态网页包含服务端代码，客户端请求这类文档时，服务器将文档中所包含的服务端代码执行的结果和后其它内容一同发送。Web服务器端执行的代码可以是ASP、JSP、PHP等代码，这类文档以数据库技术为基础，由于每次执行的结果会根据条件的不同而不同，所以称为动态网页。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）如果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，超文本标记语言),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,启动服务并测试,1.3 Web简介,1.3.5 Web应用程序的特点,基于网络的编程模式,以界面表现为主导,可以跨平台实现,容易入门和掌握,难以实现复杂的系统,性能受网络带宽的影响,1.4 WEB应用程序开发工具简介,1.文本编辑软件,Web应用程序设计可以使用文本编辑软件和专门的开发工具。,2.,专门开发工具,记事本、UltraEdit 等。,Macromedia Dreamweaver、InterDev 等。,1.5 简单ASP程序示例,【例1.1】在客户端浏览器中显示服务器当前日期。,打开任意一款文本编辑软件，键入以下代码：,显示日期,上述代码以example.asp为扩展名保存到Web服务器站点主目录指定的文件夹。在网内任一台计算机（包括Web服务器本身）上打开浏览器浏览。,第2章 HTML元素,2.1 HTML文档的基本结构,第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标记、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标记的属性，可以改变输出文本的大小、字体、颜色等。该标记的常用属性如下：,属性 描述,size 设定文字的大小,face 设定文字的字体,color 设定文字的颜色，颜色的取值是十六进制RGB颜色码或Html语言给定的颜色常量名,2.2.2 标题文字标记,2.2,文本格式标记,HTML元素中有一系列对文本标题进行操作的标记对：.至.，即一共有六对标题的标记对。.表示最大的标题，.表示最小的标题，即在标题标记中h后面的数字越大标题文本就越小。如果Html文档中需要输出标题文本的话，便可以使用这六对标题标记对中的任何一对。该标记的常用属性为align，用来设置标题在页面中的对齐方式，其中有3个值：left（左对齐）、center（居中）、right（右对齐）。默认为left。,2.2,文本格式标记,2.2.3 字型 标记,文字的字型又称为文字的风格，如黑体、斜体、带下划线等，这是一组标记，它们可以单独使用，也可以混合使用产生复合修饰效果。常用的字型标记见表2-5。,2.2.4 格式标记,2.2,文本格式标记,1 标记,.标记放在一个段落的头尾，是用来创建一个段落，在此标记对之间加入的文本将按照段落的格式显示在浏览器中。,2 标记,标记是个单标记，它没有结束标志。该标记放在一行的末尾，作用是创建一个回车换行。同时与该标记作用相反的有标记，它的作用是强制不换行。,3 标记,.标记用来排版大块HTML段落。.标记可以使用align属性，它用来说明对齐方式。align可以是Left(左对齐)、Center(居中)和Right(右对齐)三个值中的任何一个。,4 标记,标记是个单标记，它的作用是在HTML文档中加入一条水平线。,5 标记,.标记的作用是用来对文本进行预处理操作。,6 标记,.标记的作用是标记对之间加入的文本将会在浏览器中按两边缩进的方式显示出来。,2.3.1 无序列表标记,2.3,列表标记,1,.,标记、,.,标记、,.,标记,.,用来创建一个普通的列表。,.,用来创建列表中的上层项目，,.,用来创建列表中最下层项目。,.,和,.,标记对都需放在,.,标记对之间使用。,2 标记,用来创建一个带有项目符号（如、等符号）的列表。是单标记，是用来创建表项的。标记需在.标记对之间使用。,2.3.2 有序列表标记,2.3,列表标记,有序列表标记、标记,用来创建一个有序的列表。是用来创建表项的。标记需在.标记对之间使用。.和标记有type属性，type属性可设置5种序号类型，分别为：数字、大写英文字母、小写英文字母、大写罗马字母、小写罗马字母。,2.4.1 锚点标记,2.4超链接,标记,本标记的属性href是必须有的，标记对之间加入需要链接的文本或图像。href的值是目标资源的有效地址，如果要创建一个不链接到其他位置的空链接，href的值可以为#，即,。,2.4.2 指向电子邮件的超链接,2.4超链接,标记,单击电子邮件的链接，将打开默认的电子邮件程序，如Outlook Express、FoxMail等，并自动填写邮件地址。具体格式为：,需链接的对象,2.4.3 指向下载文件的超链接,2.4超链接,标记,如果链接的是下载文件，具体格式为：,需链接的对象,2.5.1 图像标记,2.5 多媒体标记,图像标记,标记为单标记。使用该标记可以把图像加入到网页中。其中该标记有指定具体图片的属性、设置图片大小的属性等。具体属性见表2-10。,2.5.2 背景音乐标记,2.5 多媒体标记,背景音乐的加入可以用标记来实现。如：，其中src属性的值是加入背景音乐的路径。Loop属性是控制声音的播放次数，当取值为-1或infinite时，声音将一直播放一直到离开该网页为止。,2.5.3 视频标记,2.5 多媒体标记,在网页中加入的视频信息格式一般为*.AVI。格式为：,scr设置在未载入视频时，在视频播放区域显示的图像，该属性的值为图像的地址,dynsrc设置视频文件的路径及其名称,loop设置视频文件的播放次数,start设置视频文件的开始，该属性有两个值fileopen和mouseover。fileopen 是指打开含本标记的页面时开始播放视频，mouseover 是指将鼠标移动到视频播放区时开始播放，默认值为fileopen,。,2.6.1 标记,2.6,表格标记,标记是用来建立一个表格。表格的外观是由表格标记的属性来决定的,。具体属性见表 2-12。,2.6.2 和 标记,2.6,表格标记,标记是单标记，该标记是用来创建表格中的每一行。此标记只能放在.标记对之间使用。.标记对是用来创建表格中一行中的每一个单元格的，此标记对需放在标记后使用。表格中的文本需放在.标记对之间才有效，放在标记或.标记对之间是无效的。,2.6.3 标记,2.6,表格标记,.标记是用来设置表格头的，通常是黑体居中文字。,2.7.1 标记,2.7,框架标记,该标记功能为分割窗口，用来定义主文档中有几个框架并且各个框架是如何排列的。具体相关属性如下：,Cols 设定分割左右窗口宽度，属性的取值可以是百分数、绝对像素值或星号(“*”)，其中星号表示剩余部分,Rows 设定分割上下窗口高度，属性的取值可以是百分数、绝对像素值或星号(“*”)，其中星号表示剩余部分,Border设定边框的宽度,Bordercolor 设定边框的颜色,Frameborder 设定有无边框,Framespacing设置窗口各部分间的空白,2.7.2 标记,2.7,框架标记,标记用于给各个框架指定页面内容。标记需在.标记对之间使用。,src它代表此框架要调入的源文件(包括网络路径,即相对路径或网址),name 指定框架名，这个名字是供超文本链接标记中的target属性用来指定链接的目标HTML文件将显示在哪一个框架中。,scrolling用来指定是否显示滚动轴，取值可以是yes(显示)、no(不显示)或auto(自动),noresize 不允许用户改变这个框架部分的大小，默认为允许,2.8.1 标记,2.8,表单及表单元素标记,标记的作用是创建一个表单，即定义表单的开始和结束位置，该标记对之间的一切都属于表单的内容。该标记的常用属性及描述如下所示：,action设定表单的处理方式，一般是E-mail地址或网址,method设置处理程序从表单中获取信息的方式，可取值为 GET 或 POST。GET方式是处理程序从当前文档中获取数据。POST方式与GET方式相反，它是当前的文档把数据传送给处理程序，传送的数据量要比使用GET方式的大的多,target用来设定目标窗口或目标帧,2.8.2 标记,2.8,表单及表单元素标记,标记是用来定义一个用户输入区，用户可在其中输入信息。此标记需在.标记之间使用。标记常用属性如下：,size设置单行文本区域的宽度,name设置该表项的控制名,maxlength设置允许输入的最大字符数目,type设置要加入表单项目的类型,2.8.3 和标记,2.8,表单及表单元素标记,标记对是用来创建一个下拉列表框或可以复选的列表框。此标记在标记对之间使用。,标记是用来指定列表框的一个选项的，它在标记之间使用。,2.8.4 标记,2.8,表单及表单元素标记,标记是用来创建一个可以输入多行的文本框，此标记对在 标记对之间使用。具体属性描述如下：,cols 设置文本框的列数,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中的属性很多，常用的属性分类有字体属性、颜色和背景属性、文本属性、容器属性、鼠标属性以及定位属性等。,第3章 JavaScript,3.1 JavaScript简介,3.2 JavaScript程序设计基础,3.3 JavaScript程序结构,3.4 JavaScript对象系统,3.5 JavaScript事件和事件处理,第3章 JavaScript,3.1 JavaScript简介,JavaScript是一种面向对象(Object)的、由事件驱动(Event Drive)的并具有较高安全性能的脚本语言。它最早是Netscape公司开发的“Mocha”语言，后改名为“LiveScript”语言。在Sun公司推出Java后，Netscape公司的工程师们充分借鉴了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的身影。,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.1 JavaScript简介,我的第一个JavaScript程序!,3.1.3 第一个JavaScript程序,3.2 JavaScript程序设计基础,JavaScript脚本语言的基本语法与C、C+和Java都非常的相似。所以对于已经具备了或+语言编程基础的人来说，学习JavaScript脚本语言是一件非常轻松愉快的事。同时由于JavaScript脚本语言的采取了简单语法的形式组织，如变量是弱变量，没有指针，无需定义类等，使得即便是没有任何计算机语言基础的的初学者也可以很快的掌握。本节主要讨论JavaScript脚本语言的变量、运算符和表达式。,3.2 JavaScript程序设计基础,3.2.1 JavaScript脚本代码的声明,JavaScript脚本语言通过标签.告知浏览器其中包含的的内容为客户端程序代码，属性Language指名该客户段代码使用的何种语言，“JavaScript”表示这里使用的是JavaScript语言。,3.2 JavaScript程序设计基础,3.2.3 JavaScript变量,（1）变量的命名,JavaScript中的变量命名的方法和C、C+或JAVA等计算机语言非常相似，这里要注意以下三点：,变量命名时必须以字母开头，中间可以出现数字。,变量命名时可以使用下划线“_”作为连字符。但不能有空格、“”、“”、“，”或其它符号。,不能使用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和Boolean（布尔型）。,3.2 JavaScript程序设计基础,3.2.3 JavaScript变量,（3）变量的声明,JavaScript规定通过关键字“var”后面加上变量的名称来声明一个变量。对变量作声明的最大好处就是能及时发现代码中的错误；因为JavaScript是采用动态编译的，而动态编译是不易发现变量命名的方面的代码中的错误。变量声明实例如下：,var abc;,3.2 JavaScript程序设计基础,3.2.3 JavaScript变量,（4）变量的作用域,JavaScript将变量的作用范围分为两种，一种是全局变量，一种是局部变量。全局变量在主程序中定义，其有效范围从其定义开始，一直到本程序结束为止。局部变量在程序的函数中定义，其有效范围只有在该函数之中；当函数结束后，局部变量生存期也就结束了。,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表达式和运算符,根据运算符操作数和运算结果的数据类型可以分为算术运算符，比较运算符，逻辑运算符、位运算符和赋值运算等。,3.3 JavaScript程序结构,结构化程序设计的最基本的原则,程序本身只能有一个入口和一个出口；,程序只能由顺序结构、判断结构和循环结构三种基本流程结构构成。,3.3 JavaScript程序结构,三种结构的流程图,3.3 JavaScript程序结构,3.3.1 JavaScript判断语句,双分支if语句,if（判断表达式）/分支1,语句段1,else /分支2,语句段2,3.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:语句段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 函数名(形参列表),函数体;,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等计算机程序调用的一组特殊的浏览器内部对象。通过调用浏览器对象，JavaScript程序可以获得与浏览器、HTML文档以及服务器进行交互的能力。,浏览器对象本身是一种“树”状分层结构的对象模型。有window对象、Document对象、Form对象等。,3.5 JavaScript事件和事件处理,3.5.1 事件,所谓事件（event），是指用户在与Web页面进行交互时，所发出的并且能够被浏览器所识别的各种行为（如鼠标单击、鼠标移动、按下键盘按键等）的总称。比如当用户单击某Web页面中的一个按钮时，就会产生了一个onClick事件。,3.5 JavaScript事件和事件处理,3.5.2 事件处理程序,事件处理是基于对象编程语言的基本特征之一。如果没有事件处理，程序就会变得很死，缺少灵活性。在通常情况下，JavaScript事件处理程序可以是任意的JavaScript程序代码，但习惯上使用特定的自定义函数（function），这里可以称为事件处理函数。在构造事件处理函数后，需要通知相应对象某个事件发生了，启动哪个事件处理函数。为事件指定处理程序的方法有三种，但常用方法是直接在定义对象的HTML标记中指定事件处理程序。一般格式为：,其中事件处理程序可以是自定义函数的名称，也可以是简单的程序代码。使用这种方法为对象指定事件处理程序，形式简单，也是最为普遍的方式。,第4章 VBScript,4.1 VBScript简介,4.2 VBScript语言基础,4.3 VBScript程序结构,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 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 VBScript常量和变量,（1）变量的命名,VBScript变量命名的方法和C、C+或JAVA等计算机语言非常相似，这里要注意以下四点：,变量命名时必须以字母开头，中间可以出现数字。,变量命名时可以使用下划线“_”作为连字符。但不能有空格、“”、“”、“，”或其它符号。,长度不能超过 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，变量3，.，变量n,4.2 VBScript语言基础,4.2.2 VBScript常量和变量,（3）变量的作用域,VBScript将变量的作用范围分为两种，一种是全局变量，一种是局部变量。全局变量在主程序中定义，其有效范围从其定义开始，一直到本程序结束为止。局部变量在程序的函数后或过程中定义，其有效范围只有在该函数体或过程体的内部；当函数或过程结束后，局部变量生存期也就结束了。,4.2 VBScript语言基础,4.2.2 VBScript常量和变量,2.常量,常量声明的一般格式,Const 常量名称=值,实例,Const Con_String=这是一个字符串。,Const Con_count=60,4.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程序结构,VBScript在程序定义了顺序结构、判断结构和循环结构三种基本的程序流程结构。,4.3 VBScript程序结构,4.3.1 分支结构,分支结构就是当程序有两种或两种以上的执行分支时，能够根据判断条件做出判断选择的语句。VBScript中常用的有If语句、Select Case语句,。,4.3 VBScript程序结构,4.3.1 分支结构,1.If语句,If Then /分支1,语句段1,Else /分支2,语句段2,End If,4.3 VBScript程序结构,4.3.1 分支结构,2.Select Case语句,Select Case 测试表达式,case 条件1 语句段1,case 条件2 语句段2,.,case 条件n 语句段n,Case Else 语句段n+1;,End Select,4.3 VBScript程序结构,4.3.2 VBScript循环语句,1.For.Next语句,For 循环变量=初值 to终值 step步长表达式的值,循环体,Next,4.3 VBScript程序结构,4.3.2 VBScript循环语句,2.Do While.Loop 语句,Do While 判断表达式,循环体,Loop,4.3 VBScript程序结构,4.3.2 VBScript循环语句,3.Do.Loop While 语句,Do,循环体,Loop While 判断表达式,4.4 VBScript的过程和常用内部函数,在使用结构化程序设计方法进行复杂程序设计时，程序员往往需要根据程序的功能，将程序划分为若干个相对独立模块，这些模块被称为过程。这使得程序的代码数量减少，结构清晰，可读性和可维护性提高。VBScript根据调用这些模块后是否要返回值分别将其分为Sub过程和Function过程。,4.4.1 Sub过程,1.定义Sub过程,VBScript中定义Sub过程的语法格式为：,PrivatePublicSub 过程名(形式参数列表),语句块,Exit Sub,语句块,End Sub,Exit Sub用于中途中止过程，语句块为过程所完成的操作，形式参数列表中的各个参数以逗号分隔。,4.4 VBScript的过程和常用内部函数,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 Function,Exit Function用于中途中止过程，语句块为过程所完成的操作，表达式的值为Function过程的返回值，形式参数列表中的各个参数以逗号分隔。,4.4 VBScript的过程和常用内部函数,4.4.2 Functon过程,2.调用Function过程,Function过程同Sub过程一样，在没有被调用前，过程中的语句不会被执行。调用