《ASP程序设计》课件第4章JavaScript脚本语言.ppt

上传人(卖家):momomo 文档编号:7385092 上传时间:2023-12-16 格式:PPT 页数:70 大小:891.50KB
下载 相关 举报
《ASP程序设计》课件第4章JavaScript脚本语言.ppt_第1页
第1页 / 共70页
《ASP程序设计》课件第4章JavaScript脚本语言.ppt_第2页
第2页 / 共70页
《ASP程序设计》课件第4章JavaScript脚本语言.ppt_第3页
第3页 / 共70页
《ASP程序设计》课件第4章JavaScript脚本语言.ppt_第4页
第4页 / 共70页
《ASP程序设计》课件第4章JavaScript脚本语言.ppt_第5页
第5页 / 共70页
点击查看更多>>
资源描述

1、本章导读本章导读:JavaScript是一种基于对象和事件驱动并具有安全性能的脚本描述语言。利用JavaScript可进一步增强网页的人机交互性、方便操作和控制各种浏览器对象,实现控制浏览器外观、状态和运行方式的目的,从而减轻服务器端负担。本章要点:n数据类型n常量和变量n运算符n内置对象与函数n程序结构n浏览器对象4.1.1 JavaScript的语法特性的语法特性 4.1.2 JavaScript脚本语法结构脚本语法结构 4.1 JavaScript语言概述语言概述JavaScript的字母区分大小写的;的字母区分大小写的;JavaScript语句一般以分号(语句一般以分号(;)作为结束符

2、;)作为结束符;一条语句可以写在多行,一条语句写在多行时用续行符斜一条语句可以写在多行,一条语句写在多行时用续行符斜杠(杠(/);多条语句也可以写在一行,多条语句写在一行时,);多条语句也可以写在一行,多条语句写在一行时,每条语句一定要加结束符分号每条语句一定要加结束符分号(;)JavaScript的注释符号包括多行注释符的注释符号包括多行注释符/*和和*/和单行注释符和单行注释符号号/;分支结构、循环结构、自定义函数等程序段包含多条语句分支结构、循环结构、自定义函数等程序段包含多条语句时称为语句块,应该置于一对大括号内时称为语句块,应该置于一对大括号内内;内;JavaScript忽略程序中的

3、空格、换行和制表符,除非这些忽略程序中的空格、换行和制表符,除非这些符号是字符串或正则表达式中的一部分符号是字符串或正则表达式中的一部分.4.1.1 JavaScript的语法特性的语法特性JavaScript脚本的嵌入位置和运行方式都比较自由,脚本的嵌入位置和运行方式都比较自由,既可以直接嵌入当前文档,又可以独立存放在外部文件中,既可以直接嵌入当前文档,又可以独立存放在外部文件中,运行方式既可以直接运行,也可以根据需要伴随事件运行。运行方式既可以直接运行,也可以根据需要伴随事件运行。其基本格式如下:其基本格式如下:1直接嵌入,直接运行。直接嵌入,直接运行。通过通过标记对直接嵌入在当前文件中。

4、标记对直接嵌入在当前文件中。2外部引入,直接运行。外部引入,直接运行。将将JavaScript程序以扩展名程序以扩展名“.js”的文件单独存放,再利用的文件单独存放,再利用标记的标记的src属性引入外部文件,其语法格式如下:属性引入外部文件,其语法格式如下:4.1.2 JavaScript脚本语法结构脚本语法结构3直接嵌入,事件触发。直接嵌入,事件触发。通过事件触发方式执行通过事件触发方式执行JavaScript的方法或函数主的方法或函数主要有两种:要有两种:一种是在一种是在HTML标记的属性中设置标记的属性中设置JavaScript的事件的事件处理函数,事件被视为处理函数,事件被视为HTML

5、标记的属性标记的属性。如下。如下格式所示:格式所示:4.1.2 JavaScript脚本语法结构脚本语法结构 另一种在另一种在JavaScript对象的属性中设置对象的属性中设置JavaScript的事件处理函数,事件被视为的事件处理函数,事件被视为JavaScrip对象的属性。对象的属性。function showAlert()username=document.myform.text1.value;if(username=)alert(用户名不能为空用户名不能为空);document.myform.mybutton.onclick=showAlert;4.1.2 JavaScript脚本语

6、法结构脚本语法结构4.2.1 JavaScript数据类型数据类型4.2.2 JavaScript常量常量4.2.3 JavaScript变量变量4.2.4 JavaScript运算符运算符4.2.5 运算符号的优先级运算符号的优先级4.2 JavaScript的数据结构的数据结构JavaScript语言是一种弱类型的脚本语言,数语言是一种弱类型的脚本语言,数据类型通常分为六种:据类型通常分为六种:数值型:即数值型:即Number,由,由09的数字字符,正负号,的数字字符,正负号,小数点组成,如小数点组成,如2.6、3.14等等。等等。逻辑型:即逻辑型:即Boolean,只包括,只包括true

7、(真)和(真)和false(假)两个值,在(假)两个值,在JavaScript中,整数中,整数0约定为约定为false,非,非0整数约定为整数约定为true。字符型:即字符型:即String,是用单引号或双引号定界的字,是用单引号或双引号定界的字符串序列,字符包括英文、汉字、空格或数字。符串序列,字符包括英文、汉字、空格或数字。4.2.1 JavaScript数据类型数据类型对象型:即对象型:即Object,对象是方法和属性的集合体。,对象是方法和属性的集合体。未定型:即未定型:即Undefined,一个已经声明但还没有,一个已经声明但还没有赋值的变量,或者表示一个对象的属性根本不存赋值的变量

8、,或者表示一个对象的属性根本不存在。在。空值型:即空值型:即Null,表示变量没有值或不是一个对,表示变量没有值或不是一个对象,即什么也不是。在象,即什么也不是。在JavaScript中中 typeof 运算运算符将报告符将报告 null 值为值为 Object 类型类型注:可用注:可用typeof运算符测试一个数据的类型运算符测试一个数据的类型。4.2.1 JavaScript数据类型数据类型根据数据类型的不同,常量可分为根据数据类型的不同,常量可分为:n数值型常量数值型常量n字符型常量字符型常量n逻辑型常量逻辑型常量n转义字符转义字符4.2.2 JavaScript常量常量对变量的声明未作

9、强制性规定。可以不声明,而直接对变量的声明未作强制性规定。可以不声明,而直接赋值使用;也可以先声明,后赋值使用,声明的同赋值使用;也可以先声明,后赋值使用,声明的同时还可以赋值。声明多个变量时,变量名之间用逗时还可以赋值。声明多个变量时,变量名之间用逗号(号(,)隔开。)隔开。JavaScript用用var命令声明变量,并且无须指明数据命令声明变量,并且无须指明数据类型,其数据类型由变量值的类型决定的,变量命类型,其数据类型由变量值的类型决定的,变量命名必须以字母(大小写均可)、下划线名必须以字母(大小写均可)、下划线(_)或美元或美元符符($)开头,变量名称不能使用开头,变量名称不能使用Ja

10、vascript语法保语法保留的关键字。留的关键字。4.2.3 JavaScript变量变量JavaScript脚本提供了极其丰富的运算符,脚本提供了极其丰富的运算符,包括赋值、条件、算术、字符连接、关系、包括赋值、条件、算术、字符连接、关系、逻辑和位运算符。逻辑和位运算符。1.条件运算符条件运算符4.2.4 JavaScript运算符运算符2.赋值运算符赋值运算符4.2.4 JavaScript运算符运算符3.算术运算符算术运算符4.2.4 JavaScript运算符运算符4.比较运算符比较运算符4.2.4 JavaScript运算符运算符5.逻辑运算符逻辑运算符4.2.4 JavaScri

11、pt运算符运算符6.位运算符位运算符4.2.4 JavaScript运算符运算符7.其它运算符位其它运算符位4.2.4 JavaScript运算符运算符JavaScript的运算符优先级同其它编程的运算符优先级同其它编程语言一样有一套规则,首先计算算术运算符,语言一样有一套规则,首先计算算术运算符,然后计算比较运算符,最后计算逻辑运算符。然后计算比较运算符,最后计算逻辑运算符。具有相同优先级的运算符按从左至右的顺序具有相同优先级的运算符按从左至右的顺序求值。各运算符优先级顺序如下表所示(自求值。各运算符优先级顺序如下表所示(自上而下,优先级从高到低):上而下,优先级从高到低):4.2.5 运算

12、符号的优先级运算符号的优先级函数是由事件驱动的或者可被重复调用的,函数是由事件驱动的或者可被重复调用的,可执行的一段命名的代码块。函数是将程序可执行的一段命名的代码块。函数是将程序块的程序代码隐藏起来,使用函数名称进行块的程序代码隐藏起来,使用函数名称进行调用和传递参数。调用和传递参数。JavaScript拥有两种函数,一种是系统内置拥有两种函数,一种是系统内置函数,另一种是自定义函数。常用内置函数函数,另一种是自定义函数。常用内置函数见下表所示:见下表所示:4.3 内置函数内置函数4.4.1 分支结构分支结构1.ifelse语句语句2.switch 语句语句4.4.2 循环结构循环结构4.4

13、 3 break和和continue语句语句4.4 程序结构程序结构1.ifelse语句语句单分支结构单分支结构这是一种简单分支结构,省略了这是一种简单分支结构,省略了else子句,条子句,条件为件为true 时执行语句时执行语句,语法结构如下:语法结构如下:if(条件表达式条件表达式)语句序列语句序列说明:先计算条件表达式的值,如果返回说明:先计算条件表达式的值,如果返回true就执行语句序列,反之不执行。当语句序列只就执行语句序列,反之不执行。当语句序列只有一句时,还可以省略有一句时,还可以省略。4.4.1 分支结构分支结构n二分支结构二分支结构nif.else 语句定义了两个可执行语句块

14、,条件为语句定义了两个可执行语句块,条件为true 或或false 时分别执行其中一支语句块。语法结构如下:时分别执行其中一支语句块。语法结构如下:nif(条件表达式条件表达式)n语句序列语句序列1nnelsen语句序列语句序列2nn说明:先计算条件表达式的值,如果返回说明:先计算条件表达式的值,如果返回true时运行语句时运行语句序列序列1,如果返回,如果返回 false 时运行语句序列时运行语句序列2。4.4.1 分支结构分支结构n多分支结构多分支结构nif.else 语句还可以进行多分支选择,实现对多个条件依次进行判断选语句还可以进行多分支选择,实现对多个条件依次进行判断选择。语法结构如

15、下:择。语法结构如下:nif(条件语句条件语句1)n语句序列语句序列1nelse if(条件语句条件语句2)n语句序列语句序列2nelse if(条件语句条件语句3)n语句序列语句序列3nnelsen语句序列语句序列n4.4.1 分支结构分支结构n说明:说明:n如果条件表达式如果条件表达式1成立,那么就执行语句序列成立,那么就执行语句序列1。n如果条件表达式如果条件表达式1不成立,那么就判断条件语句不成立,那么就判断条件语句2 是否成是否成立,如果条件语句立,如果条件语句2成立,那么就执行语句序列成立,那么就执行语句序列2。n如果条件表达式如果条件表达式2不成立,那么就判断条件语句不成立,那么

16、就判断条件语句3 是否成是否成立,如果条件语句立,如果条件语句3成立,那么就执行语句序列成立,那么就执行语句序列3。n依此类推,如果依此类推,如果ifelse中的判断条件都不成立,那么就中的判断条件都不成立,那么就执行语句序列执行语句序列n。4.4.1 分支结构分支结构n2.switch 语句语句n使用多个使用多个else if 子句往往会使程序变得难以理解,子句往往会使程序变得难以理解,在多个条件中进行选择的更好方法是使用在多个条件中进行选择的更好方法是使用switch语语句。句。nswitch语句是语句是ifelse if 语句的一种变通形式,可语句的一种变通形式,可以从多个语句块中选择执

17、行其中的一个语句块。以从多个语句块中选择执行其中的一个语句块。switch语句提供的功能与语句提供的功能与if.else if 语句类似,但语句类似,但是可以使代码更加简练易读。其语法格式如下是可以使代码更加简练易读。其语法格式如下:4.4.1 分支结构分支结构nSwitch(变量或表达式变量或表达式)ncase 值值1:n语句序列语句序列1;break;ncase值值2:n语句序列语句序列2;break;nncase值值n:n语句序列语句序列n;break;ndefault:n语句序列语句序列n+1;break;n4.4.1 分支结构分支结构n说明:说明:switch语句在其开始处使用一个只

18、计语句在其开始处使用一个只计算一次的简单测试表达式。表达式的结果将算一次的简单测试表达式。表达式的结果将依次与分支结构中依次与分支结构中case值比较。如果匹配,值比较。如果匹配,则执行该则执行该case 关联的语句块。关联的语句块。Default子句子句指明例外情况,当表达式和所有的指明例外情况,当表达式和所有的case子句子句中值都不同时,则会执行这些语句。中值都不同时,则会执行这些语句。4.4.1 分支结构分支结构n循环结构用于重复执行一组语句的结构,循环结构用于重复执行一组语句的结构,JavaScript提供了提供了5种循环结构。现介绍如下:种循环结构。现介绍如下:n语法结构一:语法结

19、构一:nwhile(条件条件)n语句序列语句序列nn说明:先判断条件,当条件为说明:先判断条件,当条件为 true 时才会执行循时才会执行循环体语句环体语句 4.4.2 循环结构循环结构n语法结构二:语法结构二:ndon语句序列语句序列nwhile(条件条件)n说明:先无条件执行循环体一次,然后再判说明:先无条件执行循环体一次,然后再判断条件,当条件为断条件,当条件为 true时才会继续执行循环时才会继续执行循环体。体。4.4.2 循环结构循环结构n语法结构三:语法结构三:nfor(;)n语句序列语句序列nn说明:指定循环次数说明:指定循环次数,使用计数器重复运行语使用计数器重复运行语句句 4

20、.4.2 循环结构循环结构n语法结构四:语法结构四:nfor(in)n语句序列语句序列nn说明:遍历循环,遍历对象中的每个属性或说明:遍历循环,遍历对象中的每个属性或者遍历数组中每个元素,并重复执行循环体者遍历数组中每个元素,并重复执行循环体语句。语句。4.4.2 循环结构循环结构n语法结构五:语法结构五:nwith对象名称对象名称nn语句序列语句序列nn说明:针对对象执行一组语句,所有这些语说明:针对对象执行一组语句,所有这些语句都假定引用指定的对象。句都假定引用指定的对象。4.4.2 循环结构循环结构n默认情况下,循环语句将进行无休止地循环默认情况下,循环语句将进行无休止地循环执行,除非循

21、环条件表达式的值为假。如想执行,除非循环条件表达式的值为假。如想提前中断或跳过循环,需在句块中添加提前中断或跳过循环,需在句块中添加break 或或continue语句就可以了。语句就可以了。nbreak语句中断所有循环,而语句中断所有循环,而continue语句语句则跳过本次循环的剩余语句,然后开始下一则跳过本次循环的剩余语句,然后开始下一次循环。次循环。4.4 3 break和和continue语句语句4.5.1 函数定义函数定义4.5.2 函数的调用函数的调用4.5.3 变量的作用域变量的作用域4.5.4 函数对象定义函数对象定义4.5 function函数函数nfunction语句主要

22、用来定义静态函数,当然语句主要用来定义静态函数,当然也可以定义函数对象,定义静态函数的语法也可以定义函数对象,定义静态函数的语法结构如下:结构如下:nfunction 函数名函数名(形参形参1,形参形参2)n局部变量定义局部变量定义n函数执行部分函数执行部分nreturn 表达式表达式n4.5.1 函数定义函数定义n说明:说明:n函数以函数以function 定义开始;定义开始;n形参可有可无,形参定义时不能赋值,多参数之形参可有可无,形参定义时不能赋值,多参数之间用逗号(间用逗号(,)隔开,如没有形参,函数名后仍然)隔开,如没有形参,函数名后仍然包含空括号包含空括号();n一对大括号一对大括

23、号内包含的程序行是函数主体,任何内包含的程序行是函数主体,任何时候不能省略大括号时候不能省略大括号,即使其内部只有一条程序;,即使其内部只有一条程序;n在函数的内部,参数可以直接当作变量来使用,在函数的内部,参数可以直接当作变量来使用,并可以用并可以用var语句来建立一些新的变量。语句来建立一些新的变量。4.5.1 函数定义函数定义nreturn语句后表达式为函数所要的返回的值,若语句后表达式为函数所要的返回的值,若函数结束时没有函数结束时没有return语句,则函数为返回一个语句,则函数为返回一个Undefined类型的数据;类型的数据;n实参调用与形参定义有无没有关系,即使没有定实参调用与

24、形参定义有无没有关系,即使没有定义形参,仍然可以传入参数,此时可以通过义形参,仍然可以传入参数,此时可以通过argumnets对象(对象(Arguments Array,参数数组,参数数组对象),来获取参数的个数及其参数的值;对象),来获取参数的个数及其参数的值;n还可以创建自定义函数对象。有关自定义函数对还可以创建自定义函数对象。有关自定义函数对象请参阅象请参阅4.5.4节节 4.5.1 函数定义函数定义n格式格式1:varname=函数名(实际参数)函数名(实际参数)/有返回值时用有返回值时用n格式格式2:函数名(参数值):函数名(参数值)/无返回无返回值时用值时用n说明:形参和实参可以同

25、名。说明:形参和实参可以同名。n函数调用时,参数传递存在两种方式:函数调用时,参数传递存在两种方式:n当实参是数值时,按值传递;当实参是数值时,按值传递;4.5.2 函数的调用函数的调用当实参是变量时,根据数据类型的不同,参当实参是变量时,根据数据类型的不同,参数传递的方式有所不同。数据类型为数字,数传递的方式有所不同。数据类型为数字,字符串和布尔型时执行按值传递。数据类型字符串和布尔型时执行按值传递。数据类型为对象,数组,字符串对象,函数时执行按为对象,数组,字符串对象,函数时执行按地址传递。需要注意的是,如果将对象和数地址传递。需要注意的是,如果将对象和数组传入函数,虽然执行按地址传递,但

26、是不组传入函数,虽然执行按地址传递,但是不能在函数中改变对象和数组本身,只能更改能在函数中改变对象和数组本身,只能更改对象和数组的元素。对象和数组的元素。4.5.2 函数的调用函数的调用n变量的作用域是指变量起作用的范围。按照变量的作用域是指变量起作用的范围。按照变量作用的范围,变量作用的范围,JavaScript变量有两种,变量有两种,即局部变量和全局变量。即局部变量和全局变量。n局部变量:在函数内用局部变量:在函数内用var声明的变量,其声明的变量,其作用域仅局限于该函数内作用域仅局限于该函数内n全局变量:作用域是整个全局变量:作用域是整个HTML文件,包括文件,包括在函数外用在函数外用v

27、ar声明的变量和在函数内未用声明的变量和在函数内未用var声明的变量声明的变量4.5.3 变量的作用域变量的作用域n使用使用function语句建立函数对象(建构函数)一般语句建立函数对象(建构函数)一般包括包括2到到4个步骤,具体方法如下:个步骤,具体方法如下:n1.定义函数对象,新增函数对象的方法和属性;定义函数对象,新增函数对象的方法和属性;n2.定义函数对象的方法,如果函数对象定义时,新定义函数对象的方法,如果函数对象定义时,新增了方法,则定义此方法;增了方法,则定义此方法;n3.建立对象实例(副本),用建立对象实例(副本),用new命令建立对象实命令建立对象实例,建立对象实例时,可以

28、同时传入属性值,也可例,建立对象实例时,可以同时传入属性值,也可以建立对象实例后,再设置属性值以建立对象实例后,再设置属性值。4.5.4 函数对象定义函数对象定义4.6.1 String对象对象4.6.2 Math对象对象4.6.3 Array对象对象4.6.4 Date对象对象4.6.5 Number对象对象4.6.6 Boolean对象对象4.6.7 Function对象对象4.6.8 Object对象对象4.6 JavaScript内置对象内置对象nJavaScript语言的典型特性就是对象,一切皆对语言的典型特性就是对象,一切皆对象,甚至连数据,数据类型等等都可以当作对象。象,甚至连数

29、据,数据类型等等都可以当作对象。将变量和相关处理函数封装成对象,每个对象都将变量和相关处理函数封装成对象,每个对象都有自己的属性和方法。属性可以访问对象的数据,有自己的属性和方法。属性可以访问对象的数据,方法主要用来处理数据的函数。方法主要用来处理数据的函数。JavaScript支持支持4种对象:内置对象、自定义对象、浏览器对象种对象:内置对象、自定义对象、浏览器对象和和ActiveX对象。对象。nJavaScript提供了提供了11种内置对象,其中常用内置种内置对象,其中常用内置对象如图所示。对象如图所示。4.6 JavaScript内置对象内置对象n在在JavaScript中,内置对象一般

30、不能直接使用,需要使中,内置对象一般不能直接使用,需要使用用new命令创建该对象的实例,然后通过对象实例间接使命令创建该对象的实例,然后通过对象实例间接使用该对象及其属性和方法。用该对象及其属性和方法。nJavaScript对象可以视为一个数组,对象属性就是数组对象可以视为一个数组,对象属性就是数组的元素,所以也可以使用数组索引序号或者索引名(属的元素,所以也可以使用数组索引序号或者索引名(属性名)的方式访问对象属性,具体引用有下列三种方式:性名)的方式访问对象属性,具体引用有下列三种方式:n使用点(使用点(.)运算符)运算符nuniversity.Name=安徽省安徽省n通过下标实现引用通过

31、下标实现引用nuniversity0=安徽省安徽省n通过字符串的形式实现通过字符串的形式实现nuniversityName=安徽省安徽省4.6 JavaScript内置对象内置对象n格式:格式:var 对象实例名对象实例名=new String(字符串字符串);n说明:建立字符串对象,使用时注意以下几点:说明:建立字符串对象,使用时注意以下几点:n关键字关键字new和和String可同时省略,省略关键字时,可同时省略,省略关键字时,隐性建立一个隐性建立一个string对象,可以使用对象,可以使用string对象的对象的方法,但不可使用方法,但不可使用prototype和和expando属性;属

32、性;nString对象提供了一个属性,即对象提供了一个属性,即length,用来返,用来返回字符串的长度,其用法为:对象实例名回字符串的长度,其用法为:对象实例名.length;4.6.1 String对象对象nString对象提供了一组方法,用于对字符串的处对象提供了一组方法,用于对字符串的处理理 nJavaScript采用采用Unicode编码,编码,1个汉字个汉字和和1个西文字符都是算一个字符。个西文字符都是算一个字符。nString对象还提供了一些格式字符方法对象还提供了一些格式字符方法n使用时注意方法名、关键字的大小写使用时注意方法名、关键字的大小写。4.6.1 String对象对象

33、n格式:格式:Math.方法方法|属性属性n说明:利用该对象的属性和方法实现数学运说明:利用该对象的属性和方法实现数学运算,使用时注意以下几点:算,使用时注意以下几点:n不能用不能用new创建该对象而直接使用;创建该对象而直接使用;n数学常数被定义成该对象的属性,其属性数学常数被定义成该对象的属性,其属性名全部采用大写,名全部采用大写,n常用的数学运算函数被定义成该对象的方常用的数学运算函数被定义成该对象的方法,其方法名全部采用小写法,其方法名全部采用小写 4.6.2 Math对象对象n格式:格式:var 数组名数组名=new Array(数组大小数组大小|数组元素数组元素列表列表);n说明:

34、建立数组对象,使用时注意以下几点:说明:建立数组对象,使用时注意以下几点:n数组对象提供了一个属性,即数组对象提供了一个属性,即length,用于取得,用于取得数组的元素个数;数组的元素个数;n数组大小具有自动扩展机制,可以指定数组的大数组大小具有自动扩展机制,可以指定数组的大小,也可以不指定数组的大小;小,也可以不指定数组的大小;n通过索引下标可以引用数组元素,下标起始值从通过索引下标可以引用数组元素,下标起始值从0开始计数;开始计数;4.6.3 Array对象对象n数组中的各元素值的类型可以各不相同;数组中的各元素值的类型可以各不相同;n建立数组对象时,也可同时指定数组元素建立数组对象时,

35、也可同时指定数组元素的值;的值;n关键字关键字new和和Array可同时省略,省略关可同时省略,省略关键字时,需将数组元素列表放在一个方括号键字时,需将数组元素列表放在一个方括号中,多元素之间用逗号隔开;中,多元素之间用逗号隔开;n不能直接建立二维或多维数组对象,不过不能直接建立二维或多维数组对象,不过数组元素的内容可以是数组对象,从而间接数组元素的内容可以是数组对象,从而间接建立多维数组;建立多维数组;4.6.3 Array对象对象n格式:格式:var 实例名实例名=new Date(value);n说明:创建日期和时间的对象实例,使用时注意以说明:创建日期和时间的对象实例,使用时注意以下几

36、点:下几点:n缺省值时,自动保存当前系统的日期和时间;缺省值时,自动保存当前系统的日期和时间;nDate对象提供了很多方法用于设置和获取日期对象提供了很多方法用于设置和获取日期和时间和时间 n也可以创建指定日期的对象实例,如也可以创建指定日期的对象实例,如var thday=new Date(2008,9,1);;n也可以创建指定时间的对象实例,如也可以创建指定时间的对象实例,如var thtime=new Date(2008,9,1,10,15,0,0);;4.6.4 Date对象对象n格式:格式:var 实例名实例名=new Number(value)n说明:说明:n可以将数字作为可以将数

37、字作为Number对象访问;对象访问;n可以通过为构造函数指定一个参数值来创建一可以通过为构造函数指定一个参数值来创建一个个Number对象,如:对象,如:nmyNum=new Number(100)n也可以不用创建对象直接使用,如:也可以不用创建对象直接使用,如:ndocument.write(NaN=+Number.NaN+)nNumber对象提供的对象提供的3个属性个属性 和和2个方法个方法4.6.5 Number对象对象n格式:格式:var 对象实例名对象实例名=new Boolean(value)n说明:说明:n可以将布尔值当作对象访问;可以将布尔值当作对象访问;n参数参数value

38、可以是可以是true或或false,也可以是,也可以是任意类型的值,但值任意类型的值,但值null、(长度为(长度为0的字的字符串)、符串)、NaN、0将变成将变成false,其它值变成,其它值变成true。4.6.6 Boolean对象对象n格式:格式:var 函数名函数名=new Function(参数参数1,参数参数2,参数参数3,函数体函数体);n说明:自定义函数对象,使用时注意以下几说明:自定义函数对象,使用时注意以下几点:点:nFunctino()对象(又称构造函数,不是对象(又称构造函数,不是function语句),可以定义多个形式参数,语句),可以定义多个形式参数,形参名以字符

39、串形式出现,多参数之间用逗形参名以字符串形式出现,多参数之间用逗号(号(,)隔开;)隔开;4.6.7 Function对象对象n函数体是可选的,可以包含任何函数体是可选的,可以包含任何JavaScript语句,多语句之间需用分号(语句,多语句之间需用分号(;)隔开;隔开;n如果定义的函数没有参数,那么可以只需如果定义的函数没有参数,那么可以只需给构造函数传递一个字符串(即函数的主体)给构造函数传递一个字符串(即函数的主体)即可;即可;nFunction()对象定义函数时并没有定义函对象定义函数时并没有定义函数名,因而用数名,因而用Function()创建的未命名函数创建的未命名函数有时被成为有

40、时被成为“匿名函数匿名函数”。4.6.7 Function对象对象n格式:格式:var 对象实例名对象实例名=new Object(value)n说明:创建一个自定义对象实例或自定义对说明:创建一个自定义对象实例或自定义对象,使用时注意以下几点:象,使用时注意以下几点:nObject对象是派生所有其他对象的对象,对象是派生所有其他对象的对象,包括内置对象;包括内置对象;nObject对象的属性和方法,及其扩展的方对象的属性和方法,及其扩展的方法和属性可以派生给所有其他对象;法和属性可以派生给所有其他对象;nObject对象提供了对象提供了2个属性个属性 和和2个方法个方法4.6.8 Objec

41、t对象对象4.7.1 Window对象对象4.7.2 Document对象对象4.7.3 History对象对象4.7.4 Navigator对象对象4.7.5 Location对象对象4.7.6 Link对象对象4.7.7 Screen对象对象4.7.8 External对象对象4.7.9 窗体验证窗体验证4.7 浏览器对象浏览器对象nJavaScript将浏览器本身,网页以及网页的将浏览器本身,网页以及网页的HTML元素等都用相应的对象来表示,这些对象元素等都用相应的对象来表示,这些对象及对象之间的层次关系统称为及对象之间的层次关系统称为DOM(Document Object Model,

42、文档对象模型,文档对象模型又称为浏览器又称为浏览器对象),浏览器对象是一个上下包含关系的层次对象),浏览器对象是一个上下包含关系的层次结构的对象模型,上层包含很多下层子对象,上结构的对象模型,上层包含很多下层子对象,上下对象之间是一种从属关系。下对象之间是一种从属关系。n在这种从属关系结构模型中,在这种从属关系结构模型中,Window(窗口)(窗口)对象是浏览器对象层次结构中最高层,所有其他对象是浏览器对象层次结构中最高层,所有其他对象都可以视为对象都可以视为Window对象的属性。浏览器对对象的属性。浏览器对象模型如图所示象模型如图所示。4.7 浏览器对象浏览器对象nwindow(窗口)对象

43、是浏览器对象层次结构中最(窗口)对象是浏览器对象层次结构中最高层,高层,window对象代表浏览器的整个窗口。每个对象代表浏览器的整个窗口。每个窗口都是窗口都是window对象的实例,引用实例可以通过对象的实例,引用实例可以通过以下名称表示:以下名称表示:nwindow或或self:表示当前窗口;:表示当前窗口;ntop:代表最顶层窗口;:代表最顶层窗口;nparent:代表当前窗口的父窗口;:代表当前窗口的父窗口;nopenner:由:由open打开的窗口。打开的窗口。n各从属对象可采用如下方式进行访问:各从属对象可采用如下方式进行访问:nwindow.子对象子对象1.子对象子对象2.属性名

44、或方法名属性名或方法名4.7.1 Window对象对象n1window对象的方法对象的方法n如图所示:如图所示:n2window对象的属性对象的属性nname属性:用于指定窗口的名称,可以使用属性:用于指定窗口的名称,可以使用a标记的标记的target属性指定属性指定窗口的名称,也可以使用窗口的名称,也可以使用open方法打开一个指定名称的新窗口。方法打开一个指定名称的新窗口。ndefaultstatus属性:用于设置或读取浏览器窗口状态栏中的默认显属性:用于设置或读取浏览器窗口状态栏中的默认显示信息。例如,可以在示信息。例如,可以在window对象的对象的onload事件过程中编写以下语句:

45、事件过程中编写以下语句:nnstatus属性:用于设置或读取浏览器窗口状态栏中显示的临时信息。属性:用于设置或读取浏览器窗口状态栏中显示的临时信息。例如,可以在某张图片的例如,可以在某张图片的onmouseover事件过程中编写以下代码:事件过程中编写以下代码:nwindow.status=这是一张图片。这是一张图片。nscreenLeft属性:传回左边界的坐标。属性:传回左边界的坐标。nscreenTop属性:传回上边界的坐标属性:传回上边界的坐标 4.7.1 Window对象对象document对象表示在浏览器窗口或其中一个对象表示在浏览器窗口或其中一个框架中显示的框架中显示的HTML文档

46、,通过该对象的属性文档,通过该对象的属性和方法可以控制页面的外观和内容。和方法可以控制页面的外观和内容。1.document对象方法对象方法2.document对象属性对象属性4.7.2 Document对象对象nhistory对象包含用户已经浏览过的对象包含用户已经浏览过的url集合,提供集合,提供了浏览器的导航按钮功能,可以通过文档的历史记了浏览器的导航按钮功能,可以通过文档的历史记录来浏览文档。录来浏览文档。history对象拥有以下主要属性和对象拥有以下主要属性和方法。方法。n length属性:返回历史记录表中的属性:返回历史记录表中的url数目。数目。n back方法:从历史记录表

47、中返回上一页。方法:从历史记录表中返回上一页。n forward方法:从历史记录表中返回下一页。方法:从历史记录表中返回下一页。n go(num)方法:在历史记录表中跳转到指定的方法:在历史记录表中跳转到指定的页,页,num小于小于0为上一页,反之下一页。为上一页,反之下一页。4.7.3 History对象对象navigator对象是存储浏览器信息的对象,该对象是存储浏览器信息的对象,该对象没有提供方法,只提供了属性,书写注意对象没有提供方法,只提供了属性,书写注意大小写。常见属性如图所示大小写。常见属性如图所示 4.7.4 Navigator对象对象nlocation对象包含当前对象包含当前

48、url的信息,常见属性的信息,常见属性如图所示。如图所示。nlocation对象只有对象只有2个方法,即个方法,即reload方法方法和和replace(url),前者用于重新加载当前文,前者用于重新加载当前文档,后者用于转向到指定的档,后者用于转向到指定的URL网址,功能网址,功能上类似于上类似于href属性。属性。4.7.5 Location对象对象nlink对象表示文档中的超链接,通过该对象对象表示文档中的超链接,通过该对象的一些属性可以得到链接目标。的一些属性可以得到链接目标。link对象的对象的基本属性是基本属性是length,它返回文档中链接的数,它返回文档中链接的数目。每个链接都

49、是目。每个链接都是links数组中的一个元素,数组中的一个元素,可以通过索引值来访问。例如,第一个链接可以通过索引值来访问。例如,第一个链接是是links(0),第二个链接是,第二个链接是links(1),最后一,最后一个链接是个链接是links(links.length)。nlink对象常见属性如图所示。对象常见属性如图所示。4.7.6 Link对象对象n获取屏幕的相关信息,获取屏幕的相关信息,screen对象常见属性对象常见属性如表图所示如表图所示 4.7.7 Screen对象对象External对象只有对象只有1个方法,即个方法,即addfavorite,用于将网址用于将网址:添加到收藏

50、夹里添加到收藏夹里 4.7.8 External对象对象n窗体验证不仅发生在发送数据时,也可以发窗体验证不仅发生在发送数据时,也可以发生输入数据后发生,通常通过生输入数据后发生,通常通过3个事件进行个个事件进行个别字段的验证,如下:别字段的验证,如下:nonblur:输入数据后,移到其他字段时就:输入数据后,移到其他字段时就会触发事件;会触发事件;nonchange:修改字段内容就会触发此事:修改字段内容就会触发此事件;件;nonsubmit:单击:单击submit按钮发送数据时,按钮发送数据时,进行最后一次字段验证。进行最后一次字段验证。4.7.9 窗体验证窗体验证n而取消事件触发也有三种形

展开阅读全文
相关资源
猜你喜欢
相关搜索
资源标签

当前位置:首页 > 大学
版权提示 | 免责声明

1,本文(《ASP程序设计》课件第4章JavaScript脚本语言.ppt)为本站会员(momomo)主动上传,163文库仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对上载内容本身不做任何修改或编辑。
2,用户下载本文档,所消耗的文币(积分)将全额增加到上传者的账号。
3, 若此文所含内容侵犯了您的版权或隐私,请立即通知163文库(发送邮件至3464097650@qq.com或直接QQ联系客服),我们立即给予删除!


侵权处理QQ:3464097650--上传资料QQ:3464097650

【声明】本站为“文档C2C交易模式”,即用户上传的文档直接卖给(下载)用户,本站只是网络空间服务平台,本站所有原创文档下载所得归上传人所有,如您发现上传作品侵犯了您的版权,请立刻联系我们并提供证据,我们将在3个工作日内予以改正。


163文库-Www.163Wenku.Com |网站地图|