客户端脚本语言.ppt

《客户端脚本语言.ppt》由会员分享，可在线阅读，更多相关《客户端脚本语言.ppt（87页珍藏版）》请在三一办公上搜索。

1、第3章 客户端脚本语言,本章主要讲解：脚本语言的使用规则VBScript进行程序设计的方法VBScript函数和过程的使用方法JavaScript,3.1 脚本语言概述,1.什么是脚本语言 脚本指的是一个程序，它能被另一个程序（解释程序）而不是计算机的处理机来解释或执行。,3.1 脚本语言概述,1.什么是脚本语言 目前比较流行的脚本语言有:网景公司（Netscope）的JavaScript微软公司（Microsoft）的VBScript。,3.1 脚本语言概述,2.JavaScript 的产生与发展“Mocha”的语言“LiveScript”“JavaScript”,3.1 脚本语言概述,3.

2、VBScript简介 Microsoft Visual Basic Scripting Edition VBScript 是程序开发语言 Visual Basic 家族的最新成员，它将灵活的脚本应用于更广泛的领域,3.2 脚本语言使用规则,3.2.1 脚本语言程序的嵌入规则 在脚本语言中，使用SCRIPT 元素用于将脚本语言（VBScript或JAVAScript）代码添加到 HTML 页面中。,3.2.1 脚本语言程序的嵌入规则,VBScript 代码写在成对的 标记之间。,function disphello()dim hours,str1 hours=hour(now()if cint(

3、hours)12 then str1=上午好!,elsestr1=下午好!end if msgbox str1 end function,3.2.1 脚本语言程序的嵌入规则,代码的开始和结束部分都有 标记。LANGUAGE 属性用于指定所使用的脚本语言。,3.2.1 脚本语言程序的嵌入规则,完整示例:,例3-1 function disphello()dim hours,str1 hours=hour(now()if cint(hours)12 then str1=上午好!,elsestr1=下午好!end if msgbox str1 end function,3.2.1 脚本语言程序的嵌入

4、规则,响应窗体中按钮的单击事件,例3-2 MsgBox 按钮被单击！,3.2.2 脚本语言程序的执行规则,3.2.2 脚本语言程序的执行规则,一个简单首页,3.2.1 脚本语言程序的嵌入规则,标记中的 Sub 过程是一个事件过程。过程名包含两部分：一部分为按钮名，即 Button1 另一部分为事件名，即 OnClick,3.3 VBScript语法,每一种语言都有特定的书写规则，用户在编写某一种语言程序代码时，必须要遵守该语言的语法规定，如果书写的语言程序代码不符合其语法规则时，计算机将不能识别这些代码，而且会产生一些错误。,3.3.1 注释与分行,1.注释 注释是指在编写代码时，编写者在代码

5、中添加的一些说明性语句。注释是非可执行语句，只是对相关的内容加以说明。,3.3.1 注释与分行,1.注释Rem 这是另一句注释formula=10 撇号之后的任何文本都是注释formula=20:Rem 这也是一句注释注释可以出现在公式文本之后,3.3.1 注释与分行,2.分行与续行一条语句可能很长，可采用续行符将一条语句写在多行上.续行符，即由一个空格和一条下划线组成（如“_”）。,3.3.1 注释与分行,2.分行与续行Data1.RecordSource=_SELECT*FROM Titles,Publishers _&WHERE Publishers.PubId=Titles.PubID

6、 _&AND Publishers.State=CA,3.3.2 常量与变量,常量是具有一定含义的名称，用于代替数字或字符串，它的值定义之后不能修改。在VBScript中，常量又被分为内部常量和用户自定义常量两种。,1.内部常量,表3-1颜色常量,1.内部常量,表3-2 日期和时间常数,1.内部常量,表3-3 字符串常数,1.内部常量,表3-4 日期格式常数,3.3.2 常量与变量,2.自定义常量可以使用 Const 语句在 VBScript 中创建用户自定义常量。例如：Const MyString=这是一个字符串。Const MyAge=35Const CutoffDate=#2004-5-

7、31#,3.3.2 常量与变量,3.变量（1）变量的数据类型,3.3.2 常量与变量,3.变量（2）声明变量 声明变量的方式是使用 Dim 语句、Public 语句和 Private 语句在脚本中显式声明变量。例如：Dim Home_Address,3.3.2 常量与变量,（3）命名规则变量命名必须遵循 VBScript 的标准命名规则。变量命名必须遵循：第一个字符必须是字母。不能包含嵌入的句点。长度不能超过 255 个字符。在被声明的作用域内必须唯一。,3.3.2 常量与变量,（4）变量的作用域与存活期变量的作用域由声明它的位置决定。分为:过程级变量 Script 级变量,3.3.2 常量与

8、变量,（4）变量的作用域与存活期 变量存在的时间称为存活期。Script 级变量的存活期从被声明的一刻起，直到脚本运行结束。,3.3.3 运算符与表达式,VBScript 有一套完整的运算符，包括算术运算符比较运算符连接运算符逻辑运算符,表3-6 比较运算符。算术运算符和逻辑运算符的优先级,3.3.4 数组,将多个相关值赋给一个变量更为方便，因此可以创建包含一系列值的变量，称为数组变量。下例声明了一个包含 11 个元素的一维数组：Dim A(10),3.4 VBScript程序设计,3.4.1 顺序结构程序设计 顺序结构的程序一般只有一个起始点、一个终止点以及一些处理语句，在这种程序中无分支、

9、无循环、无转移，以直线方式一条指令接着一条指令的顺序执行。,例3-4,例3-4,3.4.2 分支结构程序设计,在VBScript中选择语句又可分为两种：If语句Select Case语句,3.4.2 分支结构程序设计,1.If语句If.Then.Else 语句用于计算条件是否为 True 或 False，并且根据计算结果指定要运行的语句。（1）条件为 True 时运行语句（2）条件为 True 和 False 时分别运行某些语句（3）对多个条件进行判断,例3-5!-hour1=cint(hour(now()if hour1 6 then document.write(凌晨好!)elseif h

10、our1 9 then document.write(早上好!)elseif hour1 12 then document.write(上午好!)elseif hour1 14 then document.write(中午好!),elseif hour1,3.4.2 分支结构程序设计,2.Select Case语句 Select Case结构的语法如下所示：Select Case VariableCase Value1当Value1与Variable的值匹配时执行的语句Case Value2当Value2与Variable的值匹配时执行的语句Case Else当没有值与Variable的值匹配

11、时执行的语句End Select,3.4.2 分支结构程序设计,2.Select Case语句 Select Case结构的语法如下所示：Select Case VariableCase Value1当Value1与Variable的值匹配时执行的语句Case Value2当Value2与Variable的值匹配时执行的语句Case Else当没有值与Variable的值匹配时执行的语句End Select,例3-5!-hour1=cint(hour(now()Select case hour1 计算hour1的值 Case 0,1,2,3,4,5 hour1在0到5之间document.wr

12、ite(凌晨好!)Case 6,7,8 hour1在6到8之间.document.write(早上好!)Case 9,10,11hour1在9到10之间document.write(上午好!),Case 12,13hour1在12到13之间document.write(中午好!)Case 14,15,16document.write(下午好!)Case 17,18document.write(傍晚好!)Case Else hour1为其它值时document.write(晚上好!)End Select/-,3.4.3 循环结构程序设计,循环结构用于重复执行一组语句。循环语句可分为三类：一类在条

13、件变为 False 之前重复执行语句一类在条件变为 True 之前重复执行语句另一类按照指定的次数重复执行语句,3.4.3 循环结构程序设计,1.For.Next语句For.Next 语句用于将语句块运行指定的次数。其语法格式如下：For counter=start To end Step step 被执行的语句块Next counter,例3-6,3.4.3 循环结构程序设计,2.For Each.Next 对于数组中的每个元素或对象集合中的每一项重复执行一次语句块。语法如下所示：For Each elementvariable In collection 被执行的语句块Next eleme

14、ntvariable,3.4.3 循环结构程序设计,3.Do.Loop语句可以使用 Do.Loop 语句多次（次数不定）运行语句块。当条件为 True 时或条件变为 True 之前，重复执行语句块。（1）当条件为 True 时重复执行语句（2）重复执行语句直到条件变为 True（3）退出循环,3.4.3 循环结构程序设计,4.While语句 当循环体的执行次数不确定时，还可使用While语句，具体执行次数取决于条件的Boolean值。只要条件为True，则重复该语句。While 语句在开始循环前始终检查该条件。在条件保持为True时循环会继续下去。,3.5 VBScript函数与过程,在程序中

15、，有些处理需要经常重复进行，这些处理的代码是相同的，只不过每次都以不同的参数调用，这时就可把这些代码制作成函数或过程。函数可以有返回值，而过程则不返回任何值，这就是函数与过程的根本区别。,3.5.1 VBScript内部函数,VBScript脚本语言提供了许多函数，这些函数不需要定义就可直接使用。这些函数又分成：字符串函数、日期函数、类型转换函数和其它函数进行说明。,1.字符串函数,2.日期函数,3.类型转换函数,4.交互函数,（1）InputBox函数该函数在对话框中显示提示，等待用户输入文本或单击按钮，并返回用户在文本框中所输入的内容。其使用的语法如下：InputBox(prompt,ti

16、tle,default,xpos,ypos,helpfile,context),4.交互函数,例3-8,4.交互函数,（2）MsgBox函数该函数在对话框中显示消息，等待用户单击按钮，并返回一个值以指示用户单击的按钮。其语法的定义如下：MsgBox(prompt,buttons,title,helpfile,context),4.交互函数,例3-9,5.其它函数,3.5.2 VBScript自定义函数及其应用,根据某个实际需要自定义一个特殊的函数，这样在其它的函数和过程中就可调用这个函数。定义函数的语句是Function语句。其语法定义格式如下：Function 过程名(参数列表)Functi

17、on过程的语句.End Function,3.5.2 VBScript自定义函数及其应用,Function函数发回调用程序的值称为“返回值”。函数使用以下两种方式之一返回值：（1）在函数的一个或多个语句中给自己的函数名赋值。Function sum(i,j)As Integer.sum=i+j 给函数名赋值.End Function,3.5.2 VBScript自定义函数及其应用,（2）使用Return语句指定返回值，并立即将控制返回给调用程序，如下面的示例所示：Function sum(i,j)As Integer.Return(i+j)指定返回值.End Function,例3-8,3.5

18、.3 VBScript过程及其应用,VBScript过程与函数的主要区别在于调用该过程后是否需要返回值。过程是没有返回值的，而函数是必须有返回值的。Sub 过程其定义的语法如下：Sub 过程名参数列表 Sub过程所执行的语句End Sub说明：在参数列表中如果存在多个参数时，参数与参数之间用逗号隔开。,3.5.3 VBScript过程及其应用,调用 Sub 过程的语法如下所示：Call 过程名(参数列表),例3-9,3.6 JavaScript简介,3.6.1 概述 JavaScript是一种基于对象的脚本语言。JavaScript 是一种解释型的、基于对象的脚本语言。JavaScript是一

19、种描述语言，这种描述语言可以被嵌入到HTML的文件之中。,3.6.1 概述,JavaScript的的主要特点:1.JavaScript是一种脚本语言 JavaScript是基于对象的语言 JavaScript是事件驱动的语言 JavaScript是安全的语言 JavaScript是平台无关的语言 JavaScript的优势,3.6.2 JavaScript的语法知识,1.JavaScript数据类型JavaScript有以下几种基本的数据类型：（1）数字类型如:34，3.14表示为十进制数；（2）字符串类型如：Hello!；（3）逻辑值类型其取值仅可能是“真”或“假”，用 True或False

20、来表示。（4）空值,3.6.2 JavaScript的语法知识,2.JavaScript 变量 JavaScript的变量定义格式:Var 变量名；或者 Var 变量名=初始值；在给变量赋初始值时来确定该变量的数据类型；JavaScript对字母的大小写是敏感的。,3.6.2 JavaScript的语法知识,3.JavaScript常量（1）整数常量（2）浮点数常量（3）布尔型常量（4）字符串常量,3.6.2 JavaScript的语法知识,4JavaScript语句的结构,SCRIPT LANGUAGE=JavaScript var SUM,P,i;SUM=0;/初始化累加和P=1;FOR(

21、i=1;i100;i+)SUM+=i;/求累加和P*=i;/SCRIPT,5.JavaScript运算符和表达式,表3-17 算术运算符,表3-18 位运算符,表3-19 复合赋值运算符,表3-20 比较运算符,表3-21 逻辑运算符,表3-22 运算符的优先级（由高到低）,6.脚本语言的注释,单行注释：以“/”开始，以同一行的最后一个字符作为结束。多行注释：以“/*”开始，以“*/”结束，符号“*/”可放在同一个行或一个不同的行中。,7.JavaScript程序流程控制,JavaScript的脚本语言提供了程序流程控制语句。这些语句分别是:ifswitchfordowhile,8.JavaS

22、cript中的函数（1）JavaScript函数概述,函数的定义方法如下所示：Function 函数名(参数，参数)函数语句块,8.JavaScript中的函数,（2）内部函数一些函数根本无法归属于任何一个对象，这些函数是JavaScript脚本语言所固有的，并且没有任何对象的相关性，这些函数就称为内部函数,8.JavaScript中的函数（3）用户自定义函数,HTML HEADTITLEThis is a functions test/TITLE SCRIPT LANGUAGE=JavaScript function square(i)document.write(The call pass

23、ed,i,to the square function.,)return i*i document.write(The function re-turned,”)document.write(square(8)/SCRIPT/HEAD BODY BR All done./BODY/HTML,小结,本章主要讲解网络数据库编程中，如何对客户端浏览器所输入的数据进行控制。首先介绍了在浏览器客户端进行程序控制所使用的脚本语言，包括它的由来、发展和目前所常用的两种脚本语言（VBScript和JavaScript）；然后详细介绍了这两种脚本语言的常量和变量的定义、运算符的表达式、程序设计的语法规则、函数的定义和调用方法。通过这一章的学习，使读者对客户端浏览器所输入的数据能够进行控制，同时能熟练掌握后续章节所要学习的ASP网络程序设计所使用语言的语法规则。,