《ASP程序设计第二版电子教案叶潮流第4章节JavaScript脚本语言》由会员分享，可在线阅读，更多相关《ASP程序设计第二版电子教案叶潮流第4章节JavaScript脚本语言（70页珍藏版）》请在金锄头文库上搜索。
1、本章导读,本章导读： JavaScript是一种基于对象和事件驱动并具有安全性能的脚本描述语言。利用JavaScript可进一步增强网页的人机交互性、方便操作和控制各种浏览器对象，实现控制浏览器外观、状态和运行方式的目的，从而减轻服务器端负担。 本章要点： 数据类型 常量和变量 运算符 内置对象与函数 程序结构 浏览器对象,4.1.1 JavaScript的语法特性 4.1.2 JavaScript脚本语法结构,4.1 JavaScript语言概述,JavaScript的字母区分大小写的； JavaScript语句一般以分号（;）作为结束符； 一条语句可以写在多行，一条语句写在多行时用续行符斜
2、杠（/）；多条语句也可以写在一行，多条语句写在一行时，每条语句一定要加结束符分号(;) JavaScript的注释符号包括多行注释符/*和*/和单行注释符号/； 分支结构、循环结构、自定义函数等程序段包含多条语句时称为语句块，应该置于一对大括号内内； JavaScript忽略程序中的空格、换行和制表符，除非这些符号是字符串或正则表达式中的一部分.,4.1.1 JavaScript的语法特性,JavaScript脚本的嵌入位置和运行方式都比较自由， 既可以直接嵌入当前文档，又可以独立存放在外部文件中， 运行方式既可以直接运行，也可以根据需要伴随事件运行。 其基本格式如下： 1直接嵌入，直接运行。
3、 通过标记对直接嵌入在当前文件中。 2外部引入，直接运行。 将JavaScript程序以扩展名“.js”的文件单独存放，再利用标记的src属性引入外部文件，其语法格式如下： ,4.1.2 JavaScript脚本语法结构,3直接嵌入，事件触发。 通过事件触发方式执行JavaScript的方法或函数主要有两种： 一种是在HTML标记的属性中设置JavaScript的事件处理函数，事件被视为HTML标记的属性 。如下格式所示： ,4.1.2 JavaScript脚本语法结构,另一种在JavaScript对象的属性中设置JavaScript的事件处理函数，事件被视为JavaScrip对象的属性。 f
4、unction showAlert() username=document.myform.text1.value; if (username=) alert(“用户名不能为空“); document.myform.mybutton.onclick = showAlert;,4.1.2 JavaScript脚本语法结构,4.2.1 JavaScript数据类型 4.2.2 JavaScript常量 4.2.3 JavaScript变量 4.2.4 JavaScript运算符 4.2.5 运算符号的优先级,4.2 JavaScript的数据结构,JavaScript语言是一种弱类型的脚本语言，数据
5、类型通常分为六种： 数值型：即Number，由09的数字字符，正负号，小数点组成，如2.6、3.14等等。 逻辑型：即Boolean，只包括true（真）和false（假）两个值，在JavaScript中，整数0约定为false，非0整数约定为true。 字符型：即String，是用单引号或双引号定界的字符串序列，字符包括英文、汉字、空格或数字。,4.2.1 JavaScript数据类型,对象型：即Object，对象是方法和属性的集合体。 未定型：即Undefined，一个已经声明但还没有赋值的变量，或者表示一个对象的属性根本不存在。 空值型：即Null，表示变量没有值或不是一个对象，即什么也
6、不是。在JavaScript中 typeof 运算符将报告 null 值为 Object 类型 注：可用typeof运算符测试一个数据的类型。,4.2.1 JavaScript数据类型,根据数据类型的不同，常量可分为: 数值型常量 字符型常量 逻辑型常量 转义字符,4.2.2 JavaScript常量,对变量的声明未作强制性规定。可以不声明，而直接赋值使用；也可以先声明，后赋值使用，声明的同时还可以赋值。声明多个变量时，变量名之间用逗号（,）隔开。 JavaScript用var命令声明变量，并且无须指明数据类型，其数据类型由变量值的类型决定的，变量命名必须以字母（大小写均可）、下划线(_)或美
7、元符 ($)开头，变量名称不能使用Javascript语法保留的关键字。,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 JavaScript运算符,6.位运算符,4.2.4 JavaScript运算符,7.其它运算符位,4.2.4 JavaScrip
8、t运算符,JavaScript的运算符优先级同其它编程语言一样有一套规则，首先计算算术运算符，然后计算比较运算符，最后计算逻辑运算符。具有相同优先级的运算符按从左至右的顺序求值。各运算符优先级顺序如下表所示（自上而下，优先级从高到低）：,4.2.5 运算符号的优先级,函数是由事件驱动的或者可被重复调用的， 可执行的一段命名的代码块。函数是将程序 块的程序代码隐藏起来，使用函数名称进行 调用和传递参数。 JavaScript拥有两种函数，一种是系统内置 函数，另一种是自定义函数。常用内置函数 见下表所示：,4.3 内置函数,4.4.1 分支结构 1.ifelse语句 2.switch 语句 4.
9、4.2 循环结构 4.4 3 break和continue语句,4.4 程序结构,1.ifelse语句 单分支结构 这是一种简单分支结构，省略了else子句，条 件为true 时执行语句,语法结构如下： if (条件表达式) 语句序列 说明：先计算条件表达式的值，如果返回true 就执行语句序列，反之不执行。当语句序列只 有一句时，还可以省略。,4.4.1 分支结构,二分支结构 if.else 语句定义了两个可执行语句块，条件为true 或false 时分别执行其中一支语句块。语法结构如下： if (条件表达式) 语句序列1 else 语句序列2 说明：先计算条件表达式的值，如果返回true时
10、运行语句序列1，如果返回 false 时运行语句序列2。,4.4.1 分支结构,多分支结构 if. else 语句还可以进行多分支选择，实现对多个条件依次进行判断选择。语法结构如下： if(条件语句1) 语句序列1 else if(条件语句2) 语句序列2 else if(条件语句3 ) 语句序列3 else 语句序列n,4.4.1 分支结构,说明： 如果条件表达式1成立，那么就执行语句序列1。 如果条件表达式1不成立，那么就判断条件语句2 是否成立，如果条件语句2成立，那么就执行语句序列2。 如果条件表达式2不成立，那么就判断条件语句3 是否成立，如果条件语句3成立，那么就执行语句序列3。
11、依此类推，如果ifelse中的判断条件都不成立，那么就执行语句序列n。,4.4.1 分支结构,2.switch 语句 使用多个else if 子句往往会使程序变得难以理解，在多个条件中进行选择的更好方法是使用switch语句。 switch语句是ifelse if 语句的一种变通形式，可以从多个语句块中选择执行其中的一个语句块。switch语句提供的功能与if. else if 语句类似，但是可以使代码更加简练易读。其语法格式如下：,4.4.1 分支结构,Switch(变量或表达式) case 值1: 语句序列1;break; case值2: 语句序列2;break; case值n: 语句序列
12、n;break; default: 语句序列n+1;break; ,4.4.1 分支结构,说明：switch语句在其开始处使用一个只计算一次的简单测试表达式。表达式的结果将依次与分支结构中case值比较。如果匹配，则执行该case 关联的语句块。Default子句指明例外情况，当表达式和所有的case子句中值都不同时，则会执行这些语句。,4.4.1 分支结构,循环结构用于重复执行一组语句的结构，JavaScript提供了5种循环结构。现介绍如下： 语法结构一： while (条件) 语句序列 说明：先判断条件，当条件为 true 时才会执行循环体语句,4.4.2 循环结构,语法结构二： do
13、语句序列 while(条件) 说明：先无条件执行循环体一次，然后再判断条件，当条件为 true时才会继续执行循环体。,4.4.2 循环结构,语法结构三： for (;) 语句序列 说明：指定循环次数,使用计数器重复运行语句,4.4.2 循环结构,语法结构四： for( in ) 语句序列 说明：遍历循环，遍历对象中的每个属性或者遍历数组中每个元素，并重复执行循环体语句。,4.4.2 循环结构,语法结构五： with对象名称 语句序列 说明：针对对象执行一组语句，所有这些语句都假定引用指定的对象。,4.4.2 循环结构,默认情况下，循环语句将进行无休止地循环执行，除非循环条件表达式的值为假。如想
14、提前中断或跳过循环，需在句块中添加break 或continue语句就可以了。 break语句中断所有循环，而continue语句则跳过本次循环的剩余语句，然后开始下一次循环。,4.4 3 break和continue语句,4.5.1 函数定义 4.5.2 函数的调用 4.5.3 变量的作用域 4.5.4 函数对象定义,4.5 function函数,function语句主要用来定义静态函数，当然也可以定义函数对象，定义静态函数的语法结构如下： function 函数名 (形参1,形参2) 局部变量定义 函数执行部分 return 表达式 ,4.5.1 函数定义,说明： 函数以function
15、定义开始； 形参可有可无，形参定义时不能赋值，多参数之间用逗号（,）隔开，如没有形参，函数名后仍然包含空括号( )； 一对大括号内包含的程序行是函数主体，任何时候不能省略大括号，即使其内部只有一条程序； 在函数的内部，参数可以直接当作变量来使用，并可以用var语句来建立一些新的变量。,4.5.1 函数定义,return语句后表达式为函数所要的返回的值，若函数结束时没有return语句，则函数为返回一个Undefined类型的数据； 实参调用与形参定义有无没有关系，即使没有定义形参，仍然可以传入参数，此时可以通过argumnets对象（Arguments Array，参数数组对象），来获取参数的
16、个数及其参数的值； 还可以创建自定义函数对象。有关自定义函数对象请参阅4.5.4节,4.5.1 函数定义,格式1：varname=函数名（实际参数） /有返回值时用 格式2：函数名（参数值） /无返回值时用 说明：形参和实参可以同名。 函数调用时，参数传递存在两种方式： 当实参是数值时，按值传递；,4.5.2 函数的调用,当实参是变量时，根据数据类型的不同，参数传递的方式有所不同。数据类型为数字，字符串和布尔型时执行按值传递。数据类型为对象，数组，字符串对象，函数时执行按地址传递。需要注意的是，如果将对象和数组传入函数，虽然执行按地址传递，但是不能在函数中改变对象和数组本身，只能更改对象和数组的元素。,4.5.2 函数的调用,变量的作用域是指变量起作用的范围。按照变量作用的范围，JavaScript变量有
