var loop=0;

while (loop<5)

{

document.write(“

while循环语句

loop++;

}

在上例中将字体循环5次之后，退出程序执行，如图1-6所示。

图1-6 while循环语句

1.5.5 for循环语句

for语句执行语句循环，直到条件为false为止。用法如下：

for([初始表达式];[条件];[增量表达式])

{

语句

}

for语句的初始表达式由一个表达式构成，该表达式只在执行循环前被执行一次。条件是一个布尔表达式，如果值为true，则下面的语句被执行；若为false，则循环结束。增量表达式在每次循环完后执行。语句是条件的值为true时要执行的语句，它可以是复合语句。下面就来看一个for语句的例子。

在上例中将字体循环10次之后，退出程序执行，如图1-7所示。从这个例子中可以看出，for循环语句与while循环语句很相似，都是完成语句的循环。

图1-7 for循环语句

1.5.6 break语句与continue语句

如何在执行程序时，让程序停止在我们想要停止的地方？如果要想继续执行，又该如何解决？下面就来看一下解决这个问题的break语句和continue语句。

1．break语句

用break语句来中止一个循环，如switch语句。当在一个while、do…while、for或switch语句中，break就会立即终止最里层的循环或将控制权交给下面的语句执行。下面来看一个具体的实例。

上面的例子显示的是从1~10，而在中间使用了break之后，就中断了正常的循环。因为i等于5，所以在输出到5之后就改为执行break语句，终止当前的循环，最后输出为标题1的i值，如图1-8 所示。

图1-8 break语句

2．continue语句

continue语句用于重新开始一个while、do…while或for语句。其用法如下：

continue [label];

其中[label]是可选的，它是指定断点处语句的标签。

执行continue语句会停止当前的循环，并从循环的开始处继续程序流程。这样对不同的循环类型有不同的影响：while和do…while循环检查它们的条件，如果条件为true，则再次执行循环；for循环执行它们的递增表达式，如果测试表达式为true，则再次执行循环。下面是一个关于continue的例子。

从图1-9中可以看出第二行比第一行少了一个5，这就是continue与break的不同之处。break是在到达指定的条件之后就不再继续执行程序，而continue则是在到达指定的条件之后继续执行下面的程序，直到完成为止。第一行中的10个数字是逐个输出变量i的值，而第二行是在执行了continue之后跳过了5，再输出字符串s的值，所以比第一行少一个字符5。

图1-9 continue语句

1.6 JavaScript的函数调用

函数是JavaScript中最基本的建构成员。函数是一个JavaScript过程，执行一个特定的任务。使用一个函数前，必须对它进行定义，然后在脚本中对它进行调用。

1.6.1 函数的定义与调用

函数的定义是由一系列的JavaScript关键字所组成的，主要包括函数的名称、函数的参数、函数的JavaScript语句。参数包含在由逗号分开的圆括号内，JavaScript语句包含在大括号内，该语句还可以调用另外的一个或多个函数。

通常可以在文档的头部定义函数，以便当文档被装载时函数首先载入；否则，有可能在文档正在被载入时，用户已经触发了一个事件而调用了一个还没有定义的函数，导致一个错误的产生。而一个函数的原型应该像下面的语句一样：

function square(number)

{

return number * number;

}

调用函数就是使用当前文档中所定义的函数，或者调用另一个窗口或框架定义的函数。调用时需要用指定的参数来执行一个特殊的行为。一个函数还可以进行递归，也就是说自已调用自己。

1.6.2 全局变量与局部变量

JavaScript变量可以在使用之前先进行声明，并对其赋值。通过使用Var关键字对变量作声明，而对变量作声明的最大好处就是能及时地发现程序中的错误。因为JavaScript采用的是动态编译，而动态编译是不易发现代码中的错误的，特别是在变量命名这方面。

对于变量还有另一个重要的属性，那就是变量的作用域。在JavaScript中同样有全局变量和局部变量之分。全局变量是定义在函数之外的所有变量，其作用范围是整个函数。而局部变量是定义在函数体之内的，所以只对其所在的函数体有效。

1.6.3 可变参数的函数

函数的arguments是返回一个数组，它包含了传递给当前执行函数的每个参数。如arguments[i]或functionName.arguments[i]。在这里的i是一个序列数，从零开始，因此传递给函数的第一个参数应当是arguments[0]，arguments的整个长度由arguments.length来指定。

通过arguments的属性，函数可以很好地处理可变数量的参数。当不知道有多少个参数将传递给函数时，arguments就会发挥它的功能，可以用arguments.length决定实际传递给函数的参数数目，然后用arguments数组尝试每个参数。

1.6.4 预定义函数

在JavaScript中共包含以下几个预定义函数。

1．eval函数

eval函数对作为数字表达式的一个字符串进行求值。其语法如下：

eval(expr)

此处的expr是一个被求值的字符串参数。如果该字符串是一个表达式，那么eval求该表达式的值；如果该参数代表一个或多个JavaScript语句，则eval执行这些语句。eval函数可以用来把一个日期从一种格式转换为数值表达式或数字。

2．isFinite函数

isFinite函数是计算一个参数以确定它是否是一个有限数值。其语法如下：

isFinite(number)

此处的number是一个数值。如果参数为非数字、正无穷数或负无穷数，该函数返回false，否则返回true。

3．isNaN函数

isNaN函数是计算一个参数以确定它是否为NaN（非数字）。其语法如下：

isNaN(testValue)

此处的testValue是想要计算的值。若结果为NaN，则返回true，否则为false。

4．parseInt和parseFloat函数

这两个parse函数将字符串参数转换为一个数值。其语法如下：

parseFloat(str)

parseInt(str[,radix])

parseFloat分析它的字符串参数str，并尝试将其转换为一个浮点数，如果它处理的字符不是符号（+或-）、数字、十进制小数点或指数，那么返回值到该位置停止，而忽略后面所有的字符；如果第一个字符不能转换为一个数值，那它将返回NaN。

parseInt分析它的第一个参数str，并基于指定的基数radix或底数之上返回一个整数。例如，若基数为10则将其转化为十进制，为8则转化为八进制，为16则转化为十六进制。如果基数省略或它与首字符相矛盾时，JavaScript假定基数是基于字符串的第一个字符，当第一个字符不能转换为基于基数的数字时，它将返回NaN。

5．Number和String函数

Number和String函数是将一个对象转换为一个数字或字符串。其语法如下：

Number(objRef)

String(objRef)

此处的objRef是一个对象的引用。下面的例子将一个Date对象转换成为一个可读的字符串。

D=new Date (430054663215)

x=String(D)

6．escape和unescape函数

escape和unescape函数是将字符串进行编码或解码。其语法如下：

escape(string)

unescape(string)

escape函数将字符串转换为基于ISO Latin字符集的十六进制ASCII码。这个函数不与任何其他对象关联。但它实际上是JavaScript语言的一个固有部分，对于字母、数字以及字符将返回它们本身，而对于符号则返回它们的ASCII码，其形式为%xxx。例如语句document.write(escape(Hi!”))的返回结果为Hi%21。

unescape函数是返回一个基于其ASCII码值的字符，即对其进行解码。

1.7 JavaScript的对象

JavaScript是基于对象的简单程序。对象由JavaScript的变量或其他对象的属性、方法所组成的集合。方法是作为某个对象成员的函数，属性是作为对象成员的一个值、数组或对象的形式。下面就先来了解一下对象和它的属性。

1.7.1 对象的基本概述

在JavaScript中，对象是对客观事物或事物之间关系的描述。JavaScript中可以使用以下几种对象：

q JavaScript内置对象，如Date、Math及String。

q 用户自定义的对象。

q 由浏览器根据页面内容自动提供的对象。

q 服务器上固有的对象。

JavaScript中的对象由属性和方法两个基本元素构成。属性成员是对象的数据，方法成员是对数据的操作。在JavaScript中还提供了几个对象处理的语句，例如this、for…in、with和new。

1.7.2 对象属性

一个JavaScript对象具有各种各样的属性。可以用下面方法来访问一个对象的属性：

objectName.propertyName

需要注意的是，对象名和属性名都对大小写很敏感。用户可以通过给属性赋值来定义一个属性。例如，假设有一个对象名为Food，可用如下的方法来访问其属性：

Food.make=”KFC”;

Food.producing area=”China”;

Food.year=2005;

数组是用单一的变量名关联数值的一个序列。在JavaScript中，属性和数组是密切相关的。事实上，它们具有不同的界面和相同的数据结构，因此也可以像下面所给出的方法一样来访问Food对象的 属性。

Food[“make”]=”KFC”;

Food[“producing area”]=”China”;

Food[“year”]=2005;

这类数组是一个关联数组，因为每个索引元素都通过一个字符串值关联。为了举例说明它是如何工作的，下面的函数显示对象的属性，并把对象和对象名作为参数传递给函数。

function show_props(obj, obj_name)

{

var result=” “;

for(var i in obj)

result+=obj_name+”.”+i+”=”+obj[i]+”\n”;

return result;

}

如果函数调用show_props(Food,”Food”)，将返回下面的结果：

Food.make=KFC;

Food.producing area=China;

Food.year=2005;

1.7.3 创建对象

从JavaScript 1.2开始，就可以用对象初始化程序创建对象。另外，用户也可以首先创建一个构造函数，并用new运算符来创建该对象的实例。

1．对象初始化程序

除了用构造函数来创建对象外，还可以用对象初始化程序来创建对象。对象初始化程序技术是从C++中引用来的。它的用法如下：

objectName={property1:value1,property2:value2,…,propertyN:valueN}

这里objectName是新对象的名字。每个property是一个标识符，可能是一个名字、数字或字符串直接量。每一个value是赋予属性property值的表达式，objectName和赋值均为可选项。下面的例子创建了3个属性的对象myBenz。注意，属性engine本身是具有它自己的两个属性对象。

myBenz={color:”silvery white”,wheels:4,engine:{cylinders:4,size:3.0}}

2．使用构造函数

除了上面所说的用对象初始化程序来创建对象外，还可以用构造函数来创建对象。创建一个函数来指定对象的名字、属性和方法来定义对象类。假设需要创建的对象类为car，它具有的属性包括make、model、year和color，可以按照以下方法来实现：

function car(make,model,year)

{

this.make=make;

this.model=model;

this.year=year;

}

现在就可以创建一个对象mycar，如下：

mycar=new car(“Benz”,”S600”,2000);

用户还可以给先前定义的对象添加一个属性，如mycar.color=”silvery white”，它并不会影响其他的同类对象。

3．索引对象属性

在JavaScript中，对象也是一个数组。用户可以按名称来引用一个对象的属性和方法，也可以按其数组下标索引来引用。如果某文档有两个表单，其中第二个表单名为myForm。下面的方法是等价的：

document.myForm;

document.forms[1];

document.forms[“myForm”];

4．为对象类定义属性

可以用prototype属性在先前定义的对象类中加入一个属性，它可以被所有指定的对象类所共享。下面的代码为car类所有的对象添加一个color属性，并为car1的color属性赋值。

car.prototype.color=null;

car1.color=”black”;

5．定义方法

方法是对象的集合，可以像定义标准函数一样定义一个方法。方法就是赋给某个对象的一个函数，还可以在对象构造函数中包含方法定义来定义对象类的方法。例如，下面的例子：

function displayCar()

{

var result=”A Beautiful”+this.year+” “+this.make+” “+this.model;

pretty_print(result);

}

对于前面定义car的对象类，就可以如下来调用car对象类中每个对象的displayCar方法：

car1.displayCar()

car2.displayCar()

6．使用对象引用

JavaScript有一个特殊的关键字this，用它可以在一个方法中来引用当前的对象。当其用于form属性时，this关键字引用当前对象的父系表单。如下例，当用户按下按钮时，text对象内文本框内容将以其父系表单的名字myForm来代替原值Benz。

7．删除对象

若想删除一个对象，可以用delete运算符来删除。如下例所示：

myobj=new Number();

delete myobj;

1.7.4 使用对象

本节就来讲述一下JavaScript的对象并解释如何来使用它们。通过本节的学习将会对对象有更加深入的了解。

1．关键对象

window对象是所有对象的“父”对象，可以在JavaScript应用程序中创建多个窗口。frame对象由框架文档中的FRAME标记所定义，frame对象同window对象具有相同的属性和方法，所不同的是它们的显示方式不同。下面列举了window对象一些很有用的方法。

q open和close：打开和关闭浏览器窗口，可以指定窗口的尺寸、内容以及是否有按钮条、地址框等属性。

q alert：显示一个警告对话框。

q confirm：显示一个有OK和Cancel按钮的确认对话框。

q prompt：显示一个输入值文本域的提示对话框。

q blur和focus：在窗口中移去或得到一个焦点。

q scrollTo：卷动窗口到指定的坐标。

q setInterval：在每个指定时间段对一个表达式赋值或调用一个函数。

q setTimeout：在指定的一段时间后对一个表达式赋值或调用一个函数。

在每一页都有一个document对象。因为它有write和writeln两个方法产生HTML，因此它也是一个最有用的对象之一。document对象是文档页Anchor、Applet、Area、Form、Image、Layer、Link和Plugin对象的父对象。而在文档内的每一个表单都会产生一个Form对象，又因为一个文档可以包含多个表单，因此Form对象被存储到一个叫forms的数组中，第一个表单为forms[0]，第二个为forms[1]，依此类推。如下面给出的例子就可以来引用文档内第一个表单的第一个元素。

document.forms[0].elements[0]

location对象具有基于当前URL的属性，例如hostname属性是当前文档服务器和域名。它有两个方法：一种是reload强制窗口重载当前文档；另一种是replace 从当前历史记录装载指定的URL。

而history对象则包含了客户曾经访问过的URL列表，可以用current、next previous属性访问当前、下页、前页的历史记录，还可以用history数组访问别的历史记录值。也可以用go方法来重定向客户到任何历史记录，例如下面的代码装载客户倒数第二个历史记录。

history.go(-2)

在navigator对象中包含了浏览器的版本信息，如appName属性指定浏览器的名字，appVersion属性指定浏览器的版本。navigator有两个方法：一是javaEnabled，指定Java是否有效；二是preference，可以用一个签名的脚本获取或设置各种用户参数。

2．JavaScript映射及HTML布局

JavaScript对象属性值是基于HTML文档的内容，可以称为映射（reflection），因为属性值映射到了HTML中。为了更好地理解JavaScript映射，就需要了解浏览器是如何进行页面布局的。通常浏览器是从HTML文件的顶行开始往下读入并执行其语句，并顺序将其显示到屏幕上。因为有这个“向下”的过程，仅当读到它时JavaScript才对其映射。例如，只有当定义了一个表单后，JavaScript才将表单元素视为其对象，否则将会出错。

同样地，一旦页面布局已经发生，设置属性并不会影响它本来的值或外观。在document属性章节中，我们用了一个关于文档的标题的例子，但是却不能更改文档的标题，如果在JavaScript代码中写入以下内容：

document.title=”Document属性”

那么就会得到一个错误信息。然而也有例外，也可以动态地改变表单元素的值。另外，用事件处理器也可以在布局完成后改变少数的其他属性，如document.bgColor。

3．document对象

document对象是JavaScript的基本对象之一，因此一个HTML文档中大多数都是它的属性。下面就来看一个关于document属性的实例。

document.myform.Button1.value=document.title

上面这个例子是在页面中出现一个按钮，当用鼠标单击之后，按钮上的字就会变成文档的标题。而document.title的意思就是获取文档的标题，并将值“Document属性”赋予按钮的value属性中去。

4．write方法

文档的write方法显示输出信息，在脚本中可以做所有在普通HTML不能完成的工作，例如可以有条件地显示正文或使用变量。因此write方法是最常用的JavaScript方法之一。还可以用字符串的连结运算符将几个字符串连结为一个。

上面这个例题演示的是使用JavaScript的write方法来实现动态的HTML，并在文本的上下方各加一条水平线，如图1-10所示。

图1-10 write方法

1.7.5 其他内部对象

1．Array对象

JavaScript可以使用预定义的Array对象及其方法提供对创建任何数据类型的数组的支持。数组是一套数值的序列，它由一个名字和索引所组成。创建数组有两种方法来定义一个数组。具体如下：

arrayObjectName=new Array(element0,element1,…,elementN)

arrayObjectName=new Array(arrayLength)

这里arrayObjectName既可以是存在的对象，也可以是一个新的对象。而element0,element1,…,elementN是数组元素的值，arrayLength则是数组初始化的长度。

赋值及引用可以使用以下方法对数组进行赋值：

emp[0]=”apple”

也可以在创建数组时给它赋值，如下：

emp=new Array(apple,orange,banana)

所有的数组元素第一个索引都是从0开始的，引用上面的第一个元素应当使用以下的格式：

emp[0]

2．Boolean对象

Boolean对象是Boolean数据类型的包装器。每当Boolean数据类型转换为Boolean对象时，JavaScript都隐含地使用Boolean对象。可以用下面的语法来创建一个Boolean对象：

booleanObjectName=new Boolean(value)

不要将Boolean的原始值和Boolean对象的true和false值相混淆。可选的value参数是新对象的初始Boolean值。如果该值省略，或者为false、undefined、null、NaN以及空字符串，则该Boolean对象的初始值为false；否则，初始值为true。例如：

var b=new Boolean(false);

if (b)

3．Date对象

JavaScript没有时间数据类，但可以用Date对象及其方法来取得日期和时间。Date对象有许多方法来设置、提取和操作时间，它没有任何属性。JavaScript处理时间的方法类似于Java。Date对象的范围为相对于1970年1月1日的前后100000000天。创建一个Date对象的方法如下：

dateObjectName=new Date([parameters])

dateObjectName是创建的Date对象名，它可以是一个新对象或已存在对象的属性，parameters可以是空白或者用字符串描述。

4．Function对象

预定义的Function对象指定一个JavaScript字符串码，它可以像函数一样进行编译。其用法如下：

functionObjectName=new Function([arg1,arg2,…argn],functionBody)

functionObjectName是一个变量名或一个已存在的对象属性。functionBody是包含调用该函数时被执行的JavaScript代码块的字符串。下面的代码将一个函数赋予变量setBGColor，该函数设置了当前文档的背景色。

var setbgColor=new Function(“document.bgColor=’antiquewhite’ “)

5．Math对象

预定义的Math对象具有数学常量和函数的属性和方法。同样地，标准的数学函数也是Math对象的方法。与别的对象不同，不能自已创建一个Math对象，所有的Math对象都是预定义的，可以通过以下方法来使用多个的数学常量和方法。

with(Math)

{

a=PI*r*r;

y=r*sin(theta);

x=r*cos(theta);

}

6．Number对象

Number对象代表数值数据类型和提供数值常数的对象。Number对象最主要的用途是将其属性集中到一个对象中，以及使数字能够通过toString方法转换为字符串。

7．String对象

String对象可用于处理或格式化文本字符串，以及确定和定位字符串中的子字符串。不要将它同字符串常量相混淆。用户可以在一个字符串常量中调用任何String对象方法，JavaScript自动将字符串常量转换为一个临时的String对象并调用其方法，然后丢弃该临时的String对象。用户也可以在一个字符串常量中使用String.length属性。