【asp源码栏目提醒】:网学会员在asp源码频道为大家收集整理了“ASP程序设计 第4章 JavaScript脚本语言 - 计算机教材“提供大家参考,希望对大家有所帮助!
ASP程序设计课件2008年12月中国水利水电出版社《
ASP程序设计》——第四章JavaScript脚本语言本章导读本章导读JavaScript是一种基于对象和事件驱动并具有安全性能的脚本描述语言。
利用JavaScript可进一步增强网页的人机交互性、方便操作和控制各种浏览器对象实现控制浏览器外观、状态和运行方式的目的从而减轻服务器端负担。
本章要点※数据类型※常量和变量※运算符※内置对象与函数※程序结构※浏览器对象《
ASP程序设计》——第四章JavaScript脚本语言4.1.1JavaScript的语法特性4.1.2JavaScript脚本语法结构4.1JavaScript语言概述《
ASP程序设计》——第四章JavaScript脚本语言⑴JavaScript的字母区分大小写的⑵JavaScript语句一般以分号作为结束符⑶一条语句可以写在多行一条语句写在多行时用续行符斜杠/多条语句也可以写在一行多条语句写在一行时每条语句一定要加结束符分号⑷JavaScript的注释符号包括多行注释符/和/和单行注释符号//⑸分支结构、循环结构、自定义函数等程序段包含多条语句时称为语句块应该置于一对大括号内内⑹JavaScript忽略程序中的空格、换行和制表符除非这些符号是字符串或正则表达式中的一部分.4.1.1 JavaScript的语法特性《
ASP程序设计》——第四章JavaScript脚本语言JavaScript脚本的嵌入位置和运行方式都比较自由既可以直接嵌入当前文档又可以独立存放在外部文件中运行方式既可以直接运行也可以根据需要伴随事件运行。
其基本格式如下1直接嵌入直接运行。
通过 标记对直接嵌入在当前文件中。
2外部引入直接运行。
将JavaScript程序以扩展名“.js”的文件单独存放再利用 4.1.2 JavaScript脚本语法结构《
ASP程序设计》——第四章JavaScript脚本语言3直接嵌入事件触发。
通过事件触发方式执行JavaScript的方法或函数主要有两种一种是在HTML标记的属性中设置JavaScript的事件处理函数事件被视为HTML标记的属性。
如下格式所示4.1.2 JavaScript脚本语法结构《
ASP程序设计》——第四章JavaScript脚本语言另一种在JavaScript对象的属性中设置JavaScript的事件处理函数事件被视为JavaScrip对象的属性。
function showAlertusernamedocument.myform.text1.valueif username alert用户名不能为空document.myform.mybutton.onclick showAlert4.1.2 JavaScript脚本语法结构《
ASP程序设计》——第四章JavaScript脚本语言4.2.1JavaScript数据类型4.2.2JavaScript常量4.2.3JavaScript变量4.2.4JavaScript运算符4.2.5运算符号的优先级4.2JavaScript的数据结构《
ASP程序设计》——第四章JavaScript脚本语言JavaScript语言是一种弱类型的脚本语言数据类型通常分为六种⑴数值型即Number由09的数字字符正负号小数点组成如2.6、3.14等等。
⑵逻辑型即Boolean只包括true真和false假两个值在JavaScript中整数0约定为false非0整数约定为true。
⑶字符型即String是用单引号或双引号定界的字符串序列字符包括英文、汉字、空格或数字。
4.2.1 JavaScript数据类型《
ASP程序设计》——第四章JavaScript脚本语言⑷对象型即Object对象是方法和属性的集合体。
⑸未定型即Undefined一个已经声明但还没有赋值的变量或者表示一个对象的属性根本不存在。
⑹空值型即Null表示变量没有值或不是一个对象即什么也不是。
在JavaScript中typeof 运算符将报告null 值为Object 类型注可用typeof运算符测试一个数据的类型。
4.2.1 JavaScript数据类型《
ASP程序设计》——第四章JavaScript脚本语言根据数据类型的不同常量可分为:数值型常量字符型常量逻辑型常量转义字符4.2.2 JavaScript常量《
ASP程序设计》——第四章JavaScript脚本语言对变量的声明未作强制性规定。
可以不声明而直接赋值使用也可以先声明后赋值使用声明的同时还可以赋值。
声明多个变量时变量名之间用逗号隔开。
JavaScript用var命令声明变量并且无须指明数据类型其数据类型由变量值的类型决定的变量命名必须以字母大小写均可、下划线_或美元符开头变量名称不能使用Javascript语法保留的关键字。
4.2.3JavaScript变量《
ASP程序设计》——第四章JavaScript脚本语言JavaScript脚本提供了极其丰富的运算符包括赋值、条件、算术、字符连接、关系、逻辑和位运算符。
1. 条件运算符4.2.4 JavaScript运算符《
ASP程序设计》——第四章JavaScript脚本语言2.赋值运算符4.2.4 JavaScript运算符《
ASP程序设计》——第四章JavaScript脚本语言3.4.2.4 JavaScript运算符《
ASP程序设计》——第四章JavaScript脚本语言4.4.2.4 JavaScript运算符《
ASP程序设计》——第四章JavaScript脚本语言5.4.2.4 JavaScript运算符《
ASP程序设计》——第四章JavaScript脚本语言6.4.2.4 JavaScript运算符《
ASP程序设计》——第四章JavaScript脚本语言7.其它运算符位4.2.4 JavaScript运算符《
ASP程序设计》——第四章JavaScript脚本语言JavaScript的运算符优先级同其它编程语言一样有一套规则首先计算算术运算符然后计算比较运算符最后计算逻辑运算符。
具有相同优先级的运算符按从左至右的顺序求值。
各运算符优先级顺序如下表所示自上而下优先级从高到低4.2.5 运算符号的优先级《
ASP程序设计》——第四章JavaScript脚本语言函数是由事件驱动的或者可被重复调用的可执行的一段命名的代码块。
函数是将程序块的程序代码隐藏起来使用函数名称进行调用和传递参数。
JavaScript拥有两种函数一种是系统内置函数另一种是自定义函数。
常用内置函数见下表所示4.3内置函数《
ASP程序设计》——第四章JavaScript脚本语言4.4.1分支结构1.if…else语句2.switch语句4.4.2循环结构4.43break和continue语句4.4程序结构《
ASP程序设计》——第四章JavaScript脚本语言1.if…else语句⑴单分支结构这是一种简单分支结构省略了else子句条件为true 时执行语句语法结构如下if 条件表达式语句序列说明先计算条件表达式的值如果返回true就执行语句序列反之不执行。
当语句序列只有一句时还可以省略。
4.4.1 分支结构《
ASP程序设计》——第四章JavaScript脚本语言⑵二分支结构if...else 语句定义了两个可执行语句块条件为true 或false 时分别执行其中一支语句块。
语法结构如下if 条件表达式语句序列1else语句序列2说明先计算条件表达式的值如果返回true时运行语句序列1如果返回false 时运行语句序列2。
4.4.1 分支结构《
ASP程序设计》——第四章JavaScript脚本语言⑶多分支结构if... else 语句还可以进行多分支选择实现对多个条件依次进行判断选择。
语法结构如下if条件语句1语句序列1else if条件语句2语句序列2else if条件语句3 语句序列3……else语句序列n4.4.1 分支结构《
ASP程序设计》——第四章JavaScript脚本语言说明⑴如果条件表达式1成立那么就执行语句序列1。
⑵如果条件表达式1不成立那么就判断条件语句2 是否成立如果条件语句2成立那么就执行语句序列2。
⑶如果条件表达式2不成立那么就判断条件语句3 是否成立如果条件语句3成立那么就执行语句序列3。
⑷依此类推如果if…else中的判断条件都不成立那么就执行语句序列n。
4.4.1 分支结构《
ASP程序设计》——第四章JavaScript脚本语言2.switch 语句使用多个else if 子句往往会使程序变得难以理解在多个条件中进行选择的更好方法是使用switch语句。
switch语句是if…else if 语句的一种变通形式可以从多个语句块中选择执行其中的一个语句块。
switch语句提供的功能与if... else if 语句类似但是可以使代码更加简练易读。
其语法格式如下4.4.1 分支结构《
ASP程序设计》——第四章JavaScript脚本语言Switch变量或表达式case 值1:语句序列1breakcase值2:语句序列2break……case值n:语句序列nbreakdefault:语句序列n1break4.4.1 分支结构《
ASP程序设计》——第四章JavaScript脚本语言说明switch语句在其开始处使用一个只计算一次的简单测试表达式。
表达式的结果将依次与分支结构中case值比较。
如果匹配则执行该case 关联的语句块。
Default子句指明例外情况当表达式和所有的case子句中值都不同时则会执行这些语句。
4.4.1 分支结构《
ASP程序设计》——第四章JavaScript脚本语言循环结构用于重复执行一组语句的结构JavaScript提供了5种循环结构。
现介绍如下⑴语法结构一while 条件语句序列说明先判断条件当条件为true 时才会执行循环体语句4.4.2循环结构《
ASP程序设计》——第四章JavaScript脚本语言⑵语法结构二do语句序列while条件说明先无条件执行循环体一次然后再判断条件当条件为true时才会继续执行循环体。
4.4.2循环结构《
ASP程序设计》——第四章JavaScript脚本语言⑶语法结构三for 语句序列说明指定循环次数使用计数器重复运行语句4.4.2循环结构《
ASP程序设计》——第四章JavaScript脚本语言⑷语法结构四for in 语句序列说明遍历循环遍历对象中的每个属性或者遍历数组中每个元素并重复执行循环体语句。
4.4.2循环结构《
ASP程序设计》——第四章JavaScript脚本语言⑸语法结构五with对象名称语句序列说明针对对象执行一组语句所有这些语句都假定引用指定的对象。
4.4.2循环结构《
ASP程序设计》——第四章JavaScript脚本语言默认情况下循环语句将进行无休止地循环执行除非循环条件表达式的值为假。
如想提前中断或跳过循环需在句块中添加break 或continue语句就可以了。
break语句中断所有循环而continue语句则跳过本次循环的剩余语句然后开始下一次循环。
4.4 3 break和continue语句《
ASP程序设计》——第四章JavaScript脚本语言4.5.1函数定义4.5.2函数的调用4.5.3变量的作用域4.5.4函数对象定义4.5function函数《
ASP程序设计》——第四章JavaScript脚本语言function语句主要用来定义静态函数当然也可以定义函数对象定义静态函数的语法结构如下function 函数名形参1形参2…局部变量定义函数执行部分return 表达式4.5.1 函数定义《
ASP程序设计》——第四章JavaScript脚本语言说明⑴函数以function 定义开始⑵形参可有可无形参定义时不能赋值多参数之间用逗号隔开如没有形参函数名后仍然包含空括号 ⑶一对大括号内包含的程序行是函数主体任何时候不能省略大括号即使其内部只有一条程序⑷在函数的内部参数可以直接当作变量来使用并可以用var语句来建立一些新的变量。
4.5.1 函数定义《
ASP程序设计》——第四章JavaScript脚本语言⑸return语句后表达式为函数所要的返回的值若函数结束时没有return语句则函数为返回一个Undefined类型的数据⑹实参调用与形参定义有无没有关系即使没有定义形参仍然可以传入参数此时可以通过argumnets对象Arguments Array参数数组对象来获取参数的个数及其参数的值⑺还可以创建自定义函数对象。
有关自定义函数对象请参阅4.5.4节4.5.1 函数定义《
ASP程序设计》——第四章JavaScript脚本语言格式1varname函数名实际参数//有返回值时用格式2函数名参数值//无返回值时用说明形参和实参可以同名。
函数调用时参数传递存在两种方式⑴当实参是数值时按值传递4.5.2函数的调用《
ASP程序设计》——第四章JavaScript脚本语言⑵当实参是变量时根据数据类型的不同参数传递的方式有所不同。
数据类型为数字字符串和布尔型时执行按值传递。
数据类型为对象数组字符串对象函数时执行按地址传递。
需要注意的是如果将对象和数组传入函数虽然执行按地址传递但是不能在函数中改变对象和数组本身只能更改对象和数组的元素。
4.5.2函数的调用《
ASP程序设计》——第四章JavaScript脚本语言变量的作用域是指变量起作用的范围。
按照变量作用的范围JavaScript变量有两种即局部变量和全局变量。
局部变量在函数内用var声明的变量其作用域仅局限于该函数内全局变量作用域是整个HTML文件包括在函数外用var声明的变量和在函数内未用var声明的变量4.5.3变量的作用域《
ASP程序设计》——第四章JavaScript脚本语言使用function语句建立函数对象建构函数一般包括2到4个步骤具体方法如下1.定义函数对象新增函数对象的方法和属性2.定义函数对象的方法如果函数对象定义时新增了方法则定义此方法3.建立对象实例副本用new命令建立对象实例建立对象实例时可以同时传入属性值也可以建立对象实例后再设置属性值。
4.5.4函数对象定义《
ASP程序设计》——第四章JavaScript脚本语言4.6.1String对象4.6.2Math对象4.6.3Array对象4.6.4Date对象4.6.5Number对象4.6.6Boolean对象4.6.7Function对象4.6.8Object对象4.6JavaScript内置对象《
ASP程序设计》——第四章JavaScript脚本语言JavaScript语言的典型特性就是对象一切皆对象甚至连数据数据类型等等都可以当作对象。
将变量和相关处理函数封装成对象每个对象都有自己的属性和方法。
属性可以访问对象的数据方法主要用来处理数据的函数。
JavaScript支持4种对象内置对象、自定义对象、浏览器对象和ActiveX对象。
JavaScript提供了11种内置对象其中常用内置对象如图所示。
4.6JavaScript内置对象《
ASP程序设计》——第四章JavaScript脚本语言在JavaScript中内置对象一般不能直接使用需要使用new命令创建该对象的实例然后通过对象实例间接使用该对象及其属性和方法。
JavaScript对象可以视为一个数组对象属性就是数组的元素所以也可以使用数组索引序号或者索引名属性名的方式访问对象属性具体引用有下列三种方式⑴使用点.运算符university.Name安徽省⑵通过下标实现引用university0安徽省⑶通过字符串的形式实现universityName安徽省4.6JavaScript内置对象《
ASP程序设计》——第四章JavaScript脚本语言格式var 对象实例名new String字符串说明建立字符串对象使用时注意以下几点⑴关键字new和String可同时省略省略关键字时隐性建立一个string对象可以使用string对象的方法但不可使用prototype和expando属性⑵String对象提供了一个属性即length用来返回字符串的长度其用法为对象实例名.length4.6.1String对象《
ASP程序设计》——第四章JavaScript脚本语言⑶String对象提供了一组方法用于对字符串的处理⑷JavaScript采用Unicode编码1个汉字和1个西文字符都是算一个字符。
⑸String对象还提供了一些格式字符方法⑹使用时注意方法名、关键字的大小写。
4.6.1String对象《
ASP程序设计》——第四章JavaScript脚本语言格式Math.方法属性说明利用该对象的属性和方法实现数学运算使用时注意以下几点⑴不能用new创建该对象而直接使用⑵数学常数被定义成该对象的属性其属性名全部采用大写⑶常用的数学运算函数被定义成该对象的方法其方法名全部采用小写4.6.2 Math对象《
ASP程序设计》——第四章JavaScript脚本语言格式var 数组名new Array数组大小数组元素列表说明建立数组对象使用时注意以下几点⑴数组对象提供了一个属性即length用于取得数组的元素个数⑵数组大小具有自动扩展机制可以指定数组的大小也可以不指定数组的大小⑶通过索引下标可以引用数组元素下标起始值从0开始计数4.6.3 Array对象
上一篇:
ASPNet中自定义Http处理及其应用
下一篇:
致享和威驰哪个好点?冲着安全和空间 推荐致享