第5章 JavaScript脚本语言

JavaScript脚本语言2本章结构安排1.JavaScript概述2.JavaScript语法基础3.JavaScript流程控制4.JavaScript的函数5.JavaScript的事件6.JavaScript的对象3JavaScript概述JavaScript是由Netscape公司开发的一种基于对象和事件驱动并具有安全性能的脚本语言(ScriptingLanguage)，或者称为描述语言，主要用于在Internet的客户端上。在HTML基础上使用JavaScript可以开发交互式Web网页。JavaScript的出现使得网页和用户之间实现了一种实时性的、动态的、交互性的关系，使网页包含更多活跃的元素和更加精彩的内容。4JavaScript被称为“脚本语言”，这暗示着它更适合编写脚本而不是程序，这实际上并没有根本性的差异，JavaScript脚本也是一种程序，它们包含在HTML页面内部(编写脚本的原始方式)或者驻留在外部文件中(现在的首选方式)。在HTML页面上，因为脚本文本包围在script标签中，所以它不会显示在用户的屏幕上，而Web浏览器知道应该运行JavaScript程序。5JavaScript和Java很类似，但并不一样，Java是一种比JavaScript更复杂的程序设计语言，而JavaScript则是相当容易了解的语言。JavaScript的作者可以不那么注重程序技巧，所以许多Java的特性在JavaScript中并不支持。6JavaScript语法基础1.数据类型2.变量和常量3.表达式4.运算符5.输入输出6.注释与续行符7数据类型JavaScript允许使用3种基础的数据类型：整形、字符串和布尔值。此外，还支持两种复合的数据类型：对象和数组，它们表示都是基础数据类型的集合。作为一种通用数据类型的对象，在JavaScript中也支持函数和数组等特殊的对象类型。此外，JavaScript还为特殊的目的定义了其他特殊的对象类型，如Date对象表示的是一个日期和时间类型。8JavaScript中的数据类型数据类型数据类型名称示例number数值类型127，-0.135,071,0X1eastring字符串类型‘Hello’,’getthe&’,’[e-mail]’object对象类型Date,Window,Documentboolean布尔类型True,falsenull空类型Nullundefined未定义类型Tmp,demo,today91.数值类型JavaScript支持整数和浮点数。浮点数可以包含小数点，也可以包含一个“e”，大小写均可，遵循数值表示的IEEE754标准。在程序的运行中，JavaScript并没有把整数和浮点数严格地分开，两者可以自由转换。JavaScript还有一个数字量NaN，它表示一个变量或函数的返回值不是一个数字。102.字符串类型用单引号或双引号界定的字符、数字、符号等称为字符串。一个字符串也可以看成是JavaScript中的一个对象，不过是个特殊情形，有专门的属性。113.对象类型提供所有JavaScript对象通用的功能，是一群属性的集合，每一个属性都有一个名称和值，例如document、Window、date等，而属性的数据类型可以是前面介绍的任何一种数据类型。作为对象的对象数据类型是JavaScript的重要组成部分。124.布尔类型Boolean值只有true和false两个值，它们不能用作0和1。在比较中，任何等于0的表达式被视为false,而任何不等于0的表达式被视为true。135.空类型空类型就是没有任何值，什么也不表示，为空，即null。146.未定义类型一个未定义类型的值就是指在变量被创建后，但未经该变量赋值以前所具有的值。15变量和常量1.常量常量(constant)是一种恒定的或者不可变的数值或者数据项。在特定的时候，虽然声明了一个变量，但却不希望这个数值被修改，这种永不会被修改的变量，统称为常量。在JavaScript中，常量可分为以下几种：16①整形常量JavaScript的常量通常又称为字面常量，它是不能改变的数据。整形常量可以使用十六进制、八进制和十进制表示其值。②实型常量实型常量是由整数部分加小数部分表示的，如12.46。也可以用科学计数法表示，如5E7。③布尔值布尔常量只有两种状态：true或者false。它主要用来说明或者表示一种状态或标志，以说明操作流程。17④字符型常量字符型常量使用单引号(‘)或者双引号(“)括起来的一个或者几个字符。如“Hello”。⑤空值javaScript中有一个空值null，表示什么也没有。如试图引用没有定义的变量，则返回一个null值。182.变量JavaScript是一种对数据类型变量要求不太严格的语言，所以不必声明每一个变量的类型，变量声明尽管不是必须的，但在使用前先声明变量是一种好习惯。JavaScript中的变量命名同其他语言非常相似，要注意以下3点：①第一个字符必须是字母(大小写均可)、下划线(_)或者美元符号($)。②后续的字符可以是字母、数字、下划线或者美元符号。③变量名称不能使保留字。19在JavaScript中，变量可以用var作声明，例如：Varmen=true;//men中存储的值为布尔类型VarintCount=1;//intCount中存储的是整形数值VarstrName=‘ZHT’;//strName中存储的是字符串类型值20表达式表达式是JavaScript中的一个“短语”，JavaScript的解释器可以对它进行计算，从而生成一个值。最简单的表达式是一个常量或者变量名，如下所示。7.11//一个数字常量“JavaScript”//一个字符串常量{1，2，4，6，8}//一个数组常量i//变量i21例如，知道7.11是表达式，i也是表达式，接下来的代码表示的同样是一个表达式。i+7.11这个表达式的值是两个简单表达式的和，当然这个表达式也比较简单，可以通过JavaScript中提供的运算符将许多简单的表达式连接在一起，形成更加复杂的表达式。22运算符在JavaScript的程序中要完成某些功能，离不开各种各样的运算符。运算符用于将一个或者几个值变成结果值，使用运算符的值称为操作数，运算符及操作数的组合称为表达式。JavaScript支持很多种运算符，包括用于字符串与数字类型的“+”和“=”赋值运算符，它们可以分为如下几类：算术运算符、逻辑运算符、比较运算符、字符串运算符、位操作运算符、赋值运算符、条件运算符。231.算术运算符运算符表达式说明示例+x+y返回x加y的值X=4+4，结果为8－x-y返回x减y的值X=8－6，结果为2*x*y返回x乘以y的值X=3*5，结果为15/x/y返回x除以y的值X=6/3，结果为2%X%y返回x与y的模(x除以y的余数)X=8%3，结果为2++x++、++x返回数值递增、递增并返回数值5++、++5，结果为5，6--x--、--x返回数值递减、递减并返回数值5－－、－－5，结果为5、4242.逻辑运算符运算符表达式说明示例&&表达式1&&表达式2若两边的值都为true，则返回true；任意一个值为false，则返回false53&&56返回false53&&56返回true||表达式1||表达式2只有表达式的值都为false时，才返回false53||56返回true57||56返回false！！表达式求反。若表达式的值为true，则返回false，否则返回true!(53)返回false!(56)返回true253.比较运算符运算符表达式说明示例==表达式1==表达式2判断左右两边表达式是否相等Score==100//比较Score的值是否等于100!=表达式1!=表达式2判断左边表达式是否不等于右边表达式Score!=0//比较Score的值是否不等于0表达式1表达式2判断左边表达式是否大于右边表达式Score100//比较Score的值是否大于100=表达式1=表达式2判断左边表达式是否大于等于右边表达式Score=100//比较Score的值是否大于等于100表达式1表达式2判断左边表达式是否小于右边表达式Score100//比较Score的值是否小于100=表达式1=表达式2判断左边表达式是否小于等于右边表达式Score=100//比较Score的值是否小于等于100264.字符串运算符Javascript支持使用字符串运算符“+”对两个或者多个字符串进行连接操作。这个运算符的使用比较简单，如下面给出几个应用的示例。varstr1=“Hello”;varstr2=“world”;varResult=str1+str2;//结果为“HelloWorld”275.位操作运算符运算符表达式说明&表达式1&表达式2当两个表达式的值都为true时返回1，否则返回0|表达式1|表达式2当两个表达式的值都为false时返回0，否则返回1^表达式1^表达式2两个表达式中有且只有一个为false时返回0，否则返回1表达式1表达式2将表达式1向左移动表达式2指定的位数表达式1表达式2将表达式1向右移动表达式2指定的位数表达式1表达式2将表达式1向右移动表达式2指定的位数，空位补0~~表达式将表达式的值按二进制逐位取反286.赋值运算符运算符表达式说明=变量=表达式将表达式的值赋予变量+=变量+=表达式将表达式的值与变量执行+操作后赋予变量-=变量－=表达式将表达式的值与变量执行－操作后赋予变量*=变量*=表达式将表达式的值与变量执行*操作后赋予变量/=变量/=表达式将表达式的值与变量执行/操作后赋予变量%=变量%=表达式将表达式的值与变量执行%操作后赋予变量=变量=表达式对变量按表达式的值向左移动=变量=表达式对变量按表达式的值向右移动=变量=表达式对变量按表达式的值向右移动，空位补0&=变量&=表达式将表达式的值与变量执行&操作后赋予变量|=变量|=表达式将表达式的值与变量执行|操作后赋予变量^=变量^=表达式将表达式的值与变量执行^操作后赋予变量297.条件运算符JavaScript支持Java、C和C++中的条件表达式运算符“?”，这个运算符是个二元运算符，它有3个部分：一个计算值的条件和两个根据条件返回的真假值，其格式如下。条件？值1：值2含义为：如果条件为真，则表达式使用值1，否则使用值2。例如：(xy)?20:50如果x的值大于y的值，则表达式的值为20；否则，当x的值小于或者等于y值时，表达式的值为50。30输入\输出JavaScript使用Window对象的3个方法alert、confirm和prompt输出信息或数据，JavaScript的document对象也提供了显示、消除、打开、关闭HTML页面信息的输出流。311.警告对话框警告对话框经常用于确保用户可以得到某些信息。当警告对话框出现后，用户需要单击【确定】按钮才能继续操作。警告对话框的语法如下所示。alert(“文本”)；例1在警告对话框中使用转义符换行并输出提示信息(alert.htm).32htmlheadtitle在警告对话框中使用转义符/titlescripttype=text/javascriptvarmydate=newDate();varstr=欢迎你的光临！alert(今天是：\n\n+mydate+\n\n+str);/script/headbody/body/html33342.确认对话框确认对话框用于使可以验证或者接受某些信息。当确认对话框出现后，用户根据确认对话框提示的信息选择单击【确定】或者【取消】按钮才可以继续进行操作。如果用户单击【