教学材料HTML DHTML教程-第七章_第1页
教学材料HTML DHTML教程-第七章_第2页
教学材料HTML DHTML教程-第七章_第3页
教学材料HTML DHTML教程-第七章_第4页
教学材料HTML DHTML教程-第七章_第5页
已阅读5页,还剩76页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

第7章JavaScript语言基础

JavaScript语言是b前世界上最流行的Web脚本语言,用于开发动态的Web页面。作为一种通用的脚本语言,JavaScript语言具有所有相关编程语言的特性。本章的主要内容如下:JavaScript是一种基于对象的脚本语言,它具有跨平台性;在Web中使用JavaScript的三种方式,包括:使用script标记符、直接添加脚本和链接脚本;JavaScript注释语句、变量、运算符、语句和函数等。返回7.1什么是JavaScript语言

JavaScript是一种在Web上应用的功能强大的编程语言,用于开发交互式的Web页面。Web浏览器能够理解放置在页面中的所有JavaScript语言,并A能够执行所有语句,给予设计者控制Web页面元素的强大能力。另外,JavaScript还可以运行在服务器端,用来代替传统的CGI程序。下一页返回7.1什么是JavaScript语言

7.1.1什么是脚本语言

脚本(script)实际上就是一段程序,它可以完成某些特殊的功能。脚本程序既可以在服务器端运行,也可以直接在浏览器端运行。我们将在浏览器端运行的脚本称为客户端脚本,将在服务器端运行的脚本称为服务器端脚本。客户端脚本经常用来检测浏览器的功能、响应用户的动作、验证表单数据以及显示动态效果等。与高级语言不同,客户端脚本程序通常都是解释执行的,也就是说,在执行脚本之前,不需要进行编译等预处理。客户端脚本程序一般被嵌入或链接到HTML文件,随着HTML文件一同下载。浏览器解释执行HTML文件,如果遇到脚本程序,则进行解释执行。上一页下一页返回7.1什么是JavaScript语言

服务器端脚本运行于服务器端,用于实现特定的服务功能,例如进行表单响应,实现访问计数等。服务器端脚本的基本工作过程如下:浏览器输入URL请求;服务器调用脚本,生成从浏览器传递数据的对象,并向脚本提供这些对象;脚本进行处理(对于数据库应用则需要进行特定的数据库操作),并将数据以HTML文件的方式通过服务器返回发出请求的浏览器。母女前应用比较广泛的服务器端脚本技术包括ASP,JSP,PHP等,请有兴趣的读者参阅相关}5籍。目前Web上应用最广泛的两种脚本语言分别是JavaScript和VBScript,本书将主要介绍JavaScript语言在客户端的应用。上一页下一页返回7.1什么是JavaScript语言

7.1.2JavaScript的基本特点JavaScript是一种基于对象并具有安全性的脚本语言,它具有以下一些特点:它是一种脚本语言JavaScript既是一种脚本语言也是一种描述性语言,它在程序运行过程中被逐行解释。它采用小程序段的方式实现编程,提供了一种简易的开发过程。是一种基于对象的语言JavaScript是一种基于对象的语言,它能够对己经创建的对象进行控制。上一页下一页返回7.1什么是JavaScript语言

它是一种安全的语言

JavaScript是一种安全的语言,它不允许访问本地的硬盘,不能将数据存入到服务器上,不允许对网络文档进行修改和删除,只能通过浏览器实现信息浏览或动态交互,从而有效地防止数据的丢失。它是一种动态的语言JavaScript可以直接对用户输入做出响应,无需经过Web服务程序。它是一种跨平台的语言JavaScript语言依赖于浏览器本身,与操作环境无关,只要是能运行浏览器的计算机,而该浏览器又支持JavaScript,那么脚本就可以被正确执行。上一页返回7.2在网页中添加JavaScript

一般情况下,我们有二种方式可以将JavaScript添加到HTML文件中,使用script标记符添加脚本、直接在HTML中添加脚本和链接包含脚本的外部文件。下一页返回7.2在网页中添加JavaScript

7.2.1使用script标记符语法<script><!一JavaScript代码//--></script>说明:在网页中使用script标记符是插入脚本程序最常见的方式。开始标记符<script>和结束标记符</script>之间的内容就是脚本程序。script标记符可以放置在HTML文件的很多地方,但是为了维护方便,最好还是将script标记符放置在head标记符中间。上一页下一页返回7.2在网页中添加JavaScript

标记符script包含以下两个属性:language(语言):使用该属性可以说明使用哪一种脚本语言,最常用的两种取值是JavaScript和VBScript;type(类型):使用该属性可以说明脚本语言的类型,最常用的两种取值是text/javascript和text/vbscript。

type属性和language属性都是用于指定使用哪种脚本语言,不过为了确保浏览器的兼容性,建议同时指定这两个属性。在开始标记符之后使用<!--,在结束标记符之前使用//-->,是为了使不支持脚本程序的浏览器忽略其中的脚本。//是JavaScript中的注释,它表示同一行中该标记后面的所有内容均为注释。添加它是为了避免JavaScript解释器将HTML注释的结束标记符作为JavaScript来上一页下一页返回7.2在网页中添加JavaScript

解释。另外,也可以用/*和*/表示JavaScript的注释,使用这种方法时,/*和*/之间的所有内容都被当做注释,不论它们是否在一行。由于目前绝大多数浏览器都支持脚本程序,所以也可不使用HTML注释而直接在script标记符中嵌入脚本。下面是一个使用脚本语言的例子,其源代码如下所示:<html><head><scriptlanguage="JavaScript"type="text/JavaScript"><!--functionshowdate(){alert(Date());}上一页下一页返回7.2在网页中添加JavaScript

//--></script><title>JavaScript实例</title></head><body><form>

<inputtype="button"onclick="showdate()"value=”显示时间"></form></body></html>在浏览器中打开该文件,单击“显示时间”按钮,效果如图7.1所示。上一页下一页返回7.2在网页中添加JavaScript

7.2.2直接添加脚本与直接在HTML标记符中使用style属性来设置CSS样式一样,我们也可以直接在HTML的标记符中添加脚本,来响应页面元素的事件。上面的例子也可以用下面的方式来编写,具体代码如下所示:<html><head><title>JavaScript实例</title></head><body>

<form><inputtype="button"onclick="JavaScript:alert(Date());"value=',显示时间"></form></body></html>上一页下一页返回7.2在网页中添加JavaScript

在浏览器中打开该文件,页面效果与图}.1一样。需要注意的是,只有在代码比较少的情况下(例如只有一条语句)才适于用此方法,否则还是应该将代码集中在script标记符中以便维护。上一页下一页返回7.2在网页中添加JavaScript

7.2.3链接外部脚本

如果同一段脚本程序可以在很多Web页面中使用,那么就不必在多处维护相同的代码,可以将脚本放在一个单独的文件中,然后再从任何需要该文件的Web页面中引用该文件。要引用外部脚本文件,应使用script标记符中的src属性来指定外部脚本的URL。通过使用这种方式,可以使脚本得到重复使用,使网页的维护和修改变得容易。只要修改了独立的脚本文件,所有引用该文件的页面都将发生变化。下面是一个使用外部链接脚本的例子,文件名为showdate.htm,该文件链接了一个显示当前日期的脚本程序,其源代码如下:上一页下一页返回7.2在网页中添加JavaScript

<html><head><title>JavaScript链接外部脚本实例</title></head><body><scriptlanguage="JavaScript"src="showdate.js"></script>

</body></html>

需要注意的是,必须在当前目录下包含文件showdate.js。我们可以直接在文本编辑器中输入以下内容:alert(Date());然后将文件保存为showdate.jso在浏览器中打开文件showdate.htm,效果如图7.2所示。该实例与上一节实例的不同之处是,该实例中没有按钮,当浏览器打开页面时就自动调用脚本文件,显示当前的时间。上一页返回7.3JavaScript语言基础

7.3.1JavaScript变量我们可以将变量看做是程序中己命名的存储单元。在JavaScript中,变量可以通过关键字var来定义,也可以不用定义而直接使用。1.变量的类型

JavaScript语言中变量可以分为以下几种类型:数字变量、布尔型变量、字符串变量、空值。数字变量

JavaScript在数字表达上非常灵活,它能够说明所有的数字。我们一般将数字划分为整型和浮点型。对整型的数字,我们一般使用十进制、十六进制或者八进制来表示;对浮点型数字,我们一般使用普通十进制法(将浮点数全部写出来)或者科学记数法(通过e来表示浮点数)来表示。下一页返回7.3JavaScript语言基础

下面是一些数字变量的例子:vari=3;(整形变量)vara=0.01(浮点刑变量)布尔型

布尔型是最简单的数据类型,因为它只有两个取值,真(可以使用true或1来表示)和假(可以使用false或0来表示)。它通常用来表示事情是否完成或者其他只有两态的数据。下面是一些布尔型变量的例子:vara=1varb=false;上一页下一页返回7.3JavaScript语言基础

字符串

在JavaScript中,字符串是被双引号或者单引号包围起来的一组字符。一般情况下都由双引号引出字符串,如果字符串本身包含有双引号,就要使用单引号。下面是一些字符串的例子,

varmessage=”北京,您好!”varmessage='”千里之行,始于足下”是老子的话吗?’

JavaScript语言中也包含一些常用的特殊字符,以下是一些卞要的特殊字符:'\b'或”\b"表示退格符;'\f或’'\f'表示进纸符;'\r'或””表示回车符;'\n'或”\n”表示换行符;'\t'或”\t"表示水平制表符;'\"或'\“’,表示单引号;'\’或”\\”表示双引号;’\\’或”\\"表示反斜杠。上一页下一页返回7.3JavaScript语言基础

空值

这个数据比较特殊,它只有一个值——null。当一个变量被设置成空值时就意味着本变量没有值。清注意,空值和0是不一样的。空值是指什么都没有,而0表小值为0。例如,vara=null就是将字母a赋值为null.2.变量命名的原则在JavaScript语言中,变量的命名应该遵循以下原则:变量名称不能为JavaScript保留字(见表7.1),可以包括拉丁字母,0-9以及下划线“_”,但是不能有空格或各种标点符号;变量名称的第一个字母必须以字母或下划线开头;变量名称没有长度限制,只要在一行即可;变量名称区分大小写(在编写程序时一定要非常注意这一点!)。上一页下一页返回7.3JavaScript语言基础

以下是一些合法的变量名称:varman_namevarman_height以下是一些非法的变量名称:var99textvar#bvarwith3.变量的作用域根据变量作用的区域,变量可以分为全局变量和局部变量。所谓全局变量,就是指该变量可以被程序中所有的函数调用;而局部变量就是指在函数内部定义的变量,该变量只能在函数内部使用。上一页下一页返回7.3JavaScript语言基础

如果一个全局变量和一个局部变量同名,那么在该局部变量定义的函数内调用的是局部变量,在该函数以外调用的是全局变量。对于那些没有定义而直接使用的变量,我们一般都将该变量看做是全局变量。下面是一个包含局部变量和全局变量的例子,其源代码如下所示:<scriptlanguage="JavaScript"type="text/JavaScript"><!--vari=1function//i是个全局变量front(){vara=2;vara是个局部变量for(i=l;i<10;i++)上一页下一页返回7.3JavaScript语言基础

(函数语句)}functionback(){varb=3;//b是个局部变量函数语句;}//--></script>

注意在JavaScript语言中,一条语句结束之后可以用分号也可以不用分号,但如果在同一行中使用多条语句,则应使用分号隔开不同的语句。与一般编程语言一样,JavaScript也使用大括号“{}”作为语句括号。另外,在程序中出现的各种符号(注释语句中的内容除外)都应该是半角英文符号,而不能是全角中文符号。上一页下一页返回7.3JavaScript语言基础

7.3.2JavaScript运算符

运算符是完成操作的一系列符号,也称为操作符。运算符用于将一个或几个值变成结果值,使用运算符的值称为操作数。JavaScript中除了条件运算符是三目运算符之外,其他大多数运算符都是双目运算符,即具有两个操作数的运算符。双目运算符的使用格式为:操作数1+运算符+操作数单目运算符的使用格式为:操作数+运算符或者运算符+操作数。JavaScript中包含以下)[种运算符:算术运算符、比较运算符、逻辑运算符、字符串运算符、位操作运算符、赋值运算符、条件运算符和其他运算符等。运算符与操作数的组合就构成表达式。表达式通过求值确定表达式的值,这个值是对操作数实施运算符所确定的运算后产生的结果。由于表达式是以运算符为基础的,所以表达式可分为算术表达式、逻辑表达式、条件表达式等。上一页下一页返回7.3JavaScript语言基础

1.算术运算符JavaScript支持的算术运算符如表7.2所示。下面是一个使用算术运算符的例子,其源代码如下所示<html><head><title>运算符算术运算符实例</title></head><body><scriptlanguage="JavaScript"type="text/JavaScript"><!---VarVar上一页下一页返回7.3JavaScript语言基础

a=8;b=5;document.write("<p>a=8,b=5</p>");lldoemneut.write()用于在文档中写内容。document.write("a+b=");//'-}字钧一串a+b=adocument.write(a+b);//写a+bI}内Tb.adocument.write("<br>");//换行document.write("a-b=");//写字符串a-b=adocument.write(a-b);//写a-b的值document.write(“<br>”);//换行上一页下一页返回7.3JavaScript语言基础

document.write("a/b=");//写字符串a/b=.document.write(a/b);//写a/b的值document.write("<br>");//换行document.write("a*b=");//写字符串a*b=。document.write(a*b);//写a*b的值。

//--></script></body></html>在浏览器中打开该文件,效果如图7.3所示上一页下一页返回7.3JavaScript语言基础

2.比较运算符比较运算符的基本操作过程是,首先对它的操作数进行比较,然后返回一个布尔值true或false.JavaScript支持的比较运算符如表7.3所示。下面是一个使用比较运算符的例子,其源代码如下所示:<html><head><title>运算符E匕较运算符实例</title></head><body><scriptlanguage="JavaScript"type="text/JavaScript"><!--vara=5;varb=8;varc='5';上一页下一页返回7.3JavaScript语言基础

document.write("<p>a=S,b=8,c='S'</p>");//写a=5,b=8,c='5'。document.write("a<b=");//写字符串a<b=。document.write(a<b);//写a<b的结果。document.write("<br>");//换行document.write("a>b=");//写字符串a>b=。document.write(a>b);//写a>b的结果。document.write("<br>");//换行document.write("a<=b=");//写字符串a<=b=。document.write(a<=b);//写a<=b的结果。document.write("<br>");//换行上一页下一页返回7.3JavaScript语言基础

document.write("a>=b=");//写字符串a>=b=。document.write(a>=b);//写a>=b的结果。document.write("<br>");//换行document.write("a==c=");//写字符串a==c=。document.write(a==c);//写与a==c的结果。document.write("<br>");//换行document.write("a===c=);//字符串a===c=.document.write(a===c);//写a===c的结果。document.write("<br>");//换行document.write("a!=c=");//写字符串a!=c=。上一页下一页返回7.3JavaScript语言基础

document.write(a!=c);//写a!=c均结果。document.write("<br>");//换行document.write("a!==c=");//写字符串a!==c=。document.write(a!==c);//写a!==c的结果。//--></script></body></html>在浏览器中打开该文件,如图7.4所示上一页下一页返回7.3JavaScript语言基础

3.逻辑运算符逻辑运算符用于对逻辑操作数进行逻辑运算。最典型的逻辑操作数就是条件表达式。JavaScript支持的逻辑运算符如表7.4所示。4.字符串运算符在进行字符串运算符的应用时,结果是将两个字符串接合起来。JavaScript只有一种字符串运算符,如表7.5所示。字符串加与算术加的写法完全相同,清注意实际应用中的具体含义。5.位操作运算符位操作运算符用于对数值的位进行操作,一般情况下用得很少。JavaScript支持的位操作运算符如表7.6所示。上一页下一页返回7.3JavaScript语言基础

6.赋值运算符赋值运算符用于更新变量的赋值。另外有一些运算符还可以和赋值运算符联合使用,构成混合赋值运算符。JavaScript支持的赋值运算符如表7.7所示。下面是一个使用赋值运算符的例子,其源代码如下所示<html><head><title>运算符赋值运算符实例</title></head><body><scriptlanguage="JavaScript"type="text/JavaScript"><!--vara=8;varb=5;上一页下一页返回7.3JavaScript语言基础

document.write("<p>a=8,b=5</p>");//写a=8,b=5。document.write("a+=b=");//写字符串a+=b=。document.write(a+=b);//写a+=b的结果。document.write("<br>");//换行document.write("a-=b=");//写字符串a-=b=。document.write(a-=b);//写a--=b结果。document.write("<br>");//换行document.write("a*=b=");//写字符串a*=b=。document.write(a*=b);//写a*=b的结果。document.write("<br>");//换行document.write("a/=b=");//写字符串a/=b=.document.write(a/=b);//写a/=b的结果。上一页下一页返回7.3JavaScript语言基础

document.write("<br>");//换行document.write("a%=b=");//写字符串a%=b=。document.write(a%=b);//写a%=b的结果。document.write("<br>");//换行document.write("a&=b=");//写字钧一串a&=b=。document.write(a&=b);//写a&=b的结果。document.write("<br>");//换行document.write("a^=b=");//写字符串a^=b=。document.write(a^=b);//写a^=b的结果。document.write("<br>");//换行document.write("a;=b=");//写字符串a>>=b=.document.write(a;=b);//写a>>=b的结果。上一页下一页返回7.3JavaScript语言基础

//--></script></body></html>在浏览器中打开该文件,效果如图7.5所示。7.条件运算符JavaScript支持一种特殊的三目运算符,称为条件运算符。它的格式如下:条件?结果1:结果2该格式表示如果“条件”值为真,那么表达式的值等于“结果1",否则为“结果2"。下面是一个使用条件运算符的例子,其源代码如下所示上一页下一页返回7.3JavaScript语言基础

<html><head><title>运算符条件运算符实例</title></head><body><scriptlanguage="JavaScript"type="text/JavaScript"><!--vara=8;varb=5;document.write("<p>a=8,b=5</p>");//写a=8,b=5adocument.write("(a&It;b)?(a+b):(a-b)=");document.write((a<b)?(a+b):(a-b));如果a<b,执行a+b,否则执行a-b。上一页下一页返回7.3JavaScript语言基础

document.write("<br>");//换行document.write("(a>b)?(a+b):(a-b)=");document.write((a>b)?(a+b):(a-b));如果a>b,执行a+b,否则执行a-b。//--></script></body></html>在浏览器中打开该文件,效果如图7.6所示8.其他运算符JavaScript中还包含有其他几个特殊的运算符,如表7.8所示。上一页下一页返回7.3JavaScript语言基础

9.运算符的优先级所谓运算符的优先级就是指在计算复杂表达式时哪一个运算符优先进行。最基本的运算符优先级就是“先乘除,后加减”。

JavaScript中定义了所有运算符的优先级顺序,具体情况如表7.9所示。对于优先顺序处于同一层次上的运算符,按照从左到右的顺序计算。上一页下一页返回7.3JavaScript语言基础

7.3.3JavaScript语句

在JavaScript中包含完整的一组编程语句,用于实现基本的程序控制和操作功能。JavaScript语句卞要包括:条件语句、循环语句和其他语句。1.条件语句条件语句可以使程序按照预先指定的条件进行判断,从而选择执行任务。在JavaScript中主要提供了以下三种条件语句:if语句:else语句和switch语句。if语句格式if(表达式)上一页下一页返回7.3JavaScript语言基础

语句;说明:如果括号里的表达式为真,那么执行任务语句,否则就跳过该语句。如果任务语句只有一条,那么就可以与if放在一行;如果任务语句比较多,那么需要使用大括号将这些语句括起来。下面是一个小例子:if(a>2){b=3;a+=b;}else语句格式上一页下一页返回7.3JavaScript语言基础

if(表达式)语句;else语句;说明:在if语句中,如果当表达式为假时需要执行另外一个任务,那我们可以使用else语句下面是一个小例子:if(a>2)a+=b;如果a>2执行a+=b。elsea-=b;//否则执行a-=b。如果必要,if和else语句也可以嵌套,例如:上一页下一页返回7.3JavaScript语言基础

if(a>2)a+=b;如果a>2执行a+=b。elseif(a<1)a-=b;如果a<I执行a-=b。elsea*=b;如果2>=a>=1执行a*=b。switch语句格式switch(表达式)情况1:语句1;break;上一页下一页返回7.3JavaScript语言基础

情况2:语句2;break;……情况n:语句n;break;default:任务;}上一页下一页返回7.3JavaScript语言基础

说明:如果需要对同一个表达式进行多次判断,那么就可以使用switch语句。需要注意的是,必须使用大括号将所有的“情况”都括起来,而且“情况”后面使用的是冒号。另外,该语句最后还有一个默认情况(default)和默认的任务。下面是一个使用switch语句的例子,源代码如下所示:<html><head><title>Switch实例</title></head><body><scriptlanguage="JavaScript"type="text/JavaScript">上一页下一页返回7.3JavaScript语言基础

<!--vara=1;switch(a){case0:document.write("a=0");break;//当a=0时,写“a=0”。case1:document.write("a=1");break;//当a=1时,写'a=1"。default:document.write("a既小是0也小是1");break;//否则,写"a既不是0也小是1"}//--></script></body></html>上一页下一页返回7.3JavaScript语言基础

在浏览器中打开该文件,效果如图7.7所示。2.循环语句循环语句用于在一定条件下重复执行某段代码。JavaScript语言提供了以下几种用于控制循环的语句,for语句、while语句、dowhile语句、break语句、continue语句和label语句。for语句格式for(计数器变量初始化;循环判断条件;调整计数器变量)(语句;)上一页下一页返回7.3JavaScript语言基础

说明:for语句由两个部分组成,条件和循环体。条件部分由括号括起来,分为三个部分,每一个部分用分号隔开。第一部分是计数器变量初始化部分;第二部分是循环判断条件,它决定循环的次数;第三部分给出了每循环一次,计数器变量如何变化。执行for语句的过程如下:(1)执行计数器变量初始化语句,完成计数器初始化;(2)判断表达式是否为真,如果为真就执行循环体语句,否则终止循环;(3)执行循环体语句后,执行调整计数器变量的语句;(4)重复步骤2和3,直到循环结束。上一页下一页返回7.3JavaScript语言基础

下面是一个使用for语句的例子,其源代码如下所示<html><head><title>For实例</title></head><body><scriptlanguage="JavaScript"type="text/JavaScript"><!--for(i=l;i<S;i++)//计数器从1变化到4,故循环执行4次。

{dooument.write}"<h"+i+">止匕处是”+i+',级标题。</h"+i+">");

注意:以上语句中的"+'为字符串加运算。上一页下一页返回7.3JavaScript语言基础

}//--></script></body></html>在浏览器中打开该文件,效果如图7.8所示。while语句语法while(表达式){任务;}上一页下一页返回7.3JavaScript语言基础

说明:while语句也是一种基本的循环语句,语法比较简单。while语句执行的步骤如下:(1)计算表达式的值;()如果表达式的值为真就执行循环体,否则终止循环。(3)重复步骤1和2,直到循环结束。下面是一个使用while语句的例子,其源代码如下所示:<html><head><title>While实例</title></head><body><scriptlanguage="JavaScript"type="text/JavaScript">上一页下一页返回7.3JavaScript语言基础

<!--vari=0,s=0;while(i<=100)//计算1+2+.....+100的值,并赋给s。{s+=i;i++;}document.write("1+2+3+....+100=+5)./*本语句中址后个"+”为字符串运算符,表示将s的值作为个字符串与前而的字符串联结起来。JavaScript在进行小同类刑数据的运算时,会自动进行类刑转换。*/上一页下一页返回7.3JavaScript语言基础

//--></script></body></html>在浏览器中打开该文件,效果如图7.9所示dowhile格式do{任务;}while(表达式)上一页下一页返回7.3JavaScript语言基础

说明:dowhile语句是while语句的变体,它的执行步骤如下:(1)执行循环体语句。(2)计算表达式值。(3)判断表达式的值。如果表达式的值为真就继续执行循环语句,否则终止循环语句。(4)重复步骤2和3,直到循环结束。清读者尝试将刚才的while语句小例用dowhile语句实现。break格式break说明:使用该语句可以无条件地跳出循环结构或switch语句。在多数情况下,break语句都是单独使用的,但是有时也可以和其他语句一起使用。上一页下一页返回7.3JavaScript语言基础

continue格式continue说明:与break语句不同,该语句的作用是终止当次的循环,跳转到循环的开始处继续下一轮循环。continue语句既可以单独使用也可以与其他语句一起使用。label格式label:语句;说明:使用label语句可以为语句添加标号。在任何语句前放上标号名称就可以为该语句指定标号。下面是一个使用label的例子,其源代码如下所示:上一页下一页返回7.3JavaScript语言基础

mylabel:a+=b;label语句通常用于标记一个循环语句或条件语句,并目与break或continue语句联合使用。3.其他语句除了以上条件语句和循环语句之外,JavaScript中还包括以下语句:赋值语句:使用赋值运算符构成的语句都是赋值语句,用于更新变量的值。例如,a+=3。函数调用语句:使用该语句可以调用函数。例如,escape("test")oreturn语句:该语句用于返回函数调用的值。例如,returnaxbowith语句:该语句用于表小默认对象,详细信息清参见第8章。forin语句:用于对一个对象的所有属性进行循环,直到每一个属性都访问到,详细信息诸参见第8章。上一页下一页返回7.3JavaScript语言基础

7.3.4JavaScript函数

JavaScript支持函数概念,这样可以简化程序设计。所谓函数就是一些己经命名的代码块,代码块中的语句作为一个整体被引用和执行。1.定义函数格式function函数名称(参数1,参数2>……参数n){任务语句;}说明:关键字function表示一个函数的开始。函数名称是调用函数时引用的名称,参数是调用函数时接收传入数据的变量名。大括号中的语句就是函数的执行语句,通常能够执行一定的任务。上一页下一页返回7.3JavaScript语言基础

如果击要函数返回值,那么可以使用return语句,击要返回的值位于return后面。如果没有使用return语句或者return语句后面没有指明数值,那么函数返回值为不确定值。在使用函数之前必须先定义函数。函数定义通常放在HTML文件中的标记符<head</head>之间,这样可以确保先定义后使用。函数定义也可以放在HTML文件的其他位置。2.JavaScript全局函数JavaScript中包含以下几个全局函数,用于完成一些常用的功能:escape():该函数以一个string对象或表达式为参数并返回

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论