XMLHttpRequest对象是当今所有AJAX和Web 2.0应用程序的技术基础。尽管软件经销商和开源社团现在都在提供各种AJAX框架以进一步简化XMLHttpRequest对象的使用；但是，我们仍然很有必要理解这个对象的详细工作机制。 一、 引言 异步JavaScript与XML(AJAX)是一个专用术语，用于实现在客户端脚本与服务器之间的数据交互过程。这一技术的优点在于，它向开发者提供了一种从Web服务器检索数据而不必把用户当前正在观察的页面回馈给服务器。与现代浏览器的通过存取浏览器DOM结构的编程代码(JavaScript)动态地改变被显示内容的支持相配合，AJAX让开发者在浏览器端更新被显示的HTML内容而不必刷新页面。换句话说，AJAX可以使基于浏览器的应用程序更具交互性而且更类似传统型桌面应用程序。 Google的Gmail和Outlook Express就是两个使用AJAX技术的我们所熟悉的例子。而且，AJAX可以用于任何客户端脚本语言中，这包括JavaScript，Jscript和VBScript。 AJAX利用一个构建到所有现代浏览器内部的对象-XMLHttpRequest-来实现发送和接收HTTP请求与响应信息。一个经由XMLHttpRequest对象发送的HTTP请求并不要求页面中拥有或回寄一个＜form＞元素。AJAX中的”A”代表了”异步”，这意味着XMLHttpRequest对象的send()方法可以立即返回，从而让Web页面上的其它HTML/JavaScript继续其浏览器端处理而由服务器处理HTTP请求并发送响应。尽管缺省情况下请求是异步进行的，但是，你可以选择发送同步请求，这将会暂停其它Web页面的处理，直到该页面接收到服务器的响应为止。 微软在其Internet Explorer(IE) 5中作为一个ActiveX对象形式引入了XMLHttpRequest对象。其他的认识到这一对象重要性的浏览器制造商也都纷纷在他们的浏览器内实现了XMLHttpRequest对象，但是作为一个本地JavaScript对象而不是作为一个ActiveX对象实现。而如今，在认识到实现这一类型的价值及安全性特征之后，微软已经在其IE 7中把XMLHttpRequest实现为一个窗口对象属性。幸运的是，尽管其实现(因而也影响到调用方式)细节不同，但是，所有的浏览器实现都具有类似的功能，并且实质上是相同方法。目前，W3C组织正在努力进行XMLHttpRequest对象的标准化，并且已经发行了有关该W3C规范的一个草案。 本文将对XMLHttpRequest对象API进行详细讨论，并将解释其所有的属性和方法。 二、 XMLHttpRequest对象的属性和事件 XMLHttpRequest对象暴露各种属性、方法和事件以便于脚本处理和控制HTTP请求与响应。下面，我们将对此展开详细的讨论。 readyState属性 当XMLHttpRequest对象把一个HTTP请求发送到服务器时将经历若干种状态：一直等待直到请求被处理；然后，它才接收一个响应。这样以来，脚本才正确响应各种状态-XMLHttpRequest对象暴露一个描述对象的当前状态的readyState属性，如表格1所示。 表格1.XMLHttpRequest对象的ReadyState属性值列表。 ReadyState取值 描述 0  描述一种”未初始化”状态；此时，已经创建一个XMLHttpRequest对象，但是还没有初始化。 1  描述一种”发送”状态；此时，代码已经调用了XMLHttpRequest open()方法并且XMLHttpRequest已经准备好把一个请求发送到服务器。 2  描述一种”发送”状态；此时，已经通过send()方法把一个请求发送到服务器端，但是还没有收到一个响应。 3  描述一种”正在接收”状态；此时，已经接收到HTTP响应头部信息，但是消息体部分还没有完全接收结束。 4  描述一种”已加载”状态；此时，响应已经被完全接收。 onreadystatechange事件 无论readyState值何时发生改变，XMLHttpRequest对象都会激发一个readystatechange事件。其中，onreadystatechange属性接收一个EventListener值-向该方法指示无论readyState值何时发生改变，该对象都将激活。 responseText属性 这个responseText属性包含客户端接收到的HTTP响应的文本内容。当readyState值为0、1或2时，responseText包含一个空字符串。当readyState值为3(正在接收)时，响应中包含客户端还未完成的响应信息。当readyState为4(已加载)时，该responseText包含完整的响应信息。 responseXML属性 此responseXML属性用于当接收到完整的HTTP响应时(readyState为4)描述XML响应；此时，Content-Type头部指定MIME(媒体)类型为text/xml，application/xml或以+xml结尾。如果Content-Type头部并不包含这些媒体类型之一，那么responseXML的值为null。无论何时，只要readyState值不为4，那么该responseXML的值也为null。 其实，这个responseXML属性值是一个文档接口类型的对象，用来描述被分析的文档。如果文档不能被分析(例如，如果文档不是良构的或不支持文档相应的字符编码)，那么responseXML的值将为null。 status属性 这个status属性描述了HTTP状态代码，而且其类型为short。而且，仅当readyState值为3(正在接收中)或4(已加载)时，这个status属性才可用。当readyState的值小于3时试图存取status的值将引发一个异常。 statusText属性 这个statusText属性描述了HTTP状态代码文本；并且仅当readyState值为3或4才可用。当readyState为其它值时试图存取statusText属性将引发一个异常。 三、 XMLHttpRequest对象的方法 XMLHttpRequest对象提供了各种方法用于初始化和处理HTTP请求，下列将逐个展开详细讨论。 abort()方法 你可以使用这个abort()方法来暂停与一个XMLHttpRequest对象相联系的HTTP请求，从而把该对象复位到未初始化状态。 open()方法 你需要调用open(DOMString method，DOMString uri，boolean async，DOMString username，DOMString password)方法初始化一个XMLHttpRequest对象。其中，method参数是必须提供的-用于指定你想用来发送请求的HTTP方法(GET，POST，PUT，Delete或HEAD)。为了把数据发送到服务器，应该使用POST方法；为了从服务器端检索数据，应该使用GET方法。另外，uri参数用于指定XMLHttpRequest对象把请求发送到的服务器相应的URI。借助于window.document.baseURI属性，该uri被解析为一个绝对的URI-换句话说，你可以使用相对的URI-它将使用与浏览器解析相对的URI一样的方式被解析。async参数指定是否请求是异步的-缺省值为true。为了发送一个同步请求，需要把这个参数设置为false。对于要求认证的服务器，你可以提供可选的用户名和口令参数。在调用open()方法后，XMLHttpRequest对象把它的readyState属性设置为1(打开)并且把responseText、responseXML、status和statusText属性复位到它们的初始值。另外，它还复位请求头部。注意，如果你调用open()方法并且此时readyState为4，则XMLHttpRequest对象将复位这些值。 [...]

用JavaScript实现更复杂的交互 　　一、什么是框架 　　框架Frames最主要功用是”分割”视窗，使每个”小视窗”能显示不同的HTM L文件，不同框架之间可以互动(interact)，这就是说不同框架之间可以交换讯息与资料。例如:假设您开了两个frames，第一个frame可显示书的目录，第二个frame则显示章节的具体内容。 　　框架可以将屏幕分割成不同的区域，每个区域有自己的URL，通过Frames[]数组对象来实现不同框架的访问。实际上框架对象本身也一类窗口，它继承了窗口对象的所有特征，并拥有所有的属性和方法。下面我们先看一下框架的例子。 图9-1 框架对象 　　以上HTML标识将屏幕分成三个框架。先将窗口分成以二行为单位的窗口，之后再按分成二个窗口。并在相应的框架中放入自己的HTML文档。 　　通过[Framset ]告诉浏览器您要设置几个框架；rows这项参数告诉浏览器您想将视窗分割成几列；而 cols这项参数是告诉浏览器您想将视窗分割成几行。 　　可以用很多组的 tags 将视窗分割得更复杂。 　　可以给每个frame一个”名字” (name)。frame的名字在JavaScript语法中的地位非常重要。 　　　　可以用 告诉浏览器您要载入哪一个 HTML文件。 二、如何访问框架 　　在前面我们介绍过使用document.forms[]实现单一窗体中不同元素的访问。而要实现框架中多窗体的不同元素的访问，则必须使用window对象中的Frames属性。Frames属性同样也是一个数组，他在　　父框架集中为每一个子框架设有一项。通过下标实现不同框架的访问: parent.frames[Index1].docuement.forms[index2] 　　通过parent.frames.length确定窗口中窗体的数目。 除了使用数组下标来访问窗体外还可以使用框架名和窗体名来实现各元素的访： parent.framesName.decument.formNames.elementName.(m/p) 三、范例 　　下面我们通过一个具体的实例, 来说明利用JavaScript脚本在WEB中实现更为复杂的信息交互。该例子是在一个多窗口中实现窗体信息的动态交互,在程序中首先在浏览器窗口中制作三个用于窗体交互的窗口,每个窗体窗口实现不同信息的动态交互。 　　tset9.html为主调用文档它首先将窗口划分为具有二行的窗体,尔后再将第二行的窗体划分为具有二列的窗体； test9-1.html为显示标题文档； test9_2.html为第二框架文档其中需要注意的是: 通过JavaScript脚本将所示的“云南省”和“四川省”分别改为“昆明市”和“成都市”； test7_3.html为第三框架文档。 　主调文档 主要作用是将窗口划分为具有二行的窗体,尔后再将第二行的窗体划分为具有二列的窗体。 Test9.htm 第一个框架 主要作用是显示标题文档。 Test9_1.htm 使用框架实现WEB交互 　 第二个框架 主要作用是实现交互。可以通过JavaScript脚本将所示的“云南省”和“四川省”分别改为“昆明市”和“成都市”。 Test9_2.htm 请选择城市： 云南省 四川省 贵州省 山东省 江苏省 浙江省 安徽省 河南省 document.test9_1.elements[0].options[0].text=”昆明市”; document.test9_1.elements[0].options[1].text=”成都市”; [...]

用JavaScript脚本实现Web页面信息交互 　　要实现动态交互，必须掌握有关窗体对象(Form)和框架对象(Frames)更为复杂的知识。 一、窗体基础知识 　　窗体对象可以使设计人员能用窗体中不同的元素与客户机用户相交互，而用不着在之前首先进行数据输入，就可以实现动态改变Web文档的行为。 １、什么是窗体对象 窗体（Form）:它构成了Web页面的基本元素。通常一个Web页面有一个窗体或几个窗体，使用Forms[]数组来实现不同窗体的访问。 　　在Forms[0]中共有三个基本元素，而Forms[1]中只有两个元素。 　　窗体对象最主要的功能就是能够直接访问HTML文档中的窗体，它封装了相关的HTML代码： 　 ２、窗体对象的方法 　　窗体对象的方法只有一个–submit()方法，该方法主要功用就是实现窗体信息的提交。如提交Mytest窗体,则使用下列格式： document.mytest.submit() 　 ３、窗体对象的属性 　　窗体对象中的属性主要包括以下：elements name action target encoding method. 　　除Elements外，其它几个均反映了窗体中标识中相应属性的状态，这通常是单个窗体标识；而elements常常是多个窗体元素值的数组，例： elements[0].Mytable.elements[1] 　 ４、访问窗体对象 在JavaScript中访问窗体对象可由两种方法实现： （１）通过访问窗体 　　在窗体对象的属性中首先必须指定其窗体名，而后就可以通过下列标识访问窗体如：document.Mytable()。 （２）通过数组来访问窗体 　　除了使用窗体名来访问窗体外，还可以使用窗体对象数组来访问窗体对象。但需要注意一点，因窗体对象是由浏览器环境的提供的，而浏览器环境所提供的数组下标是由0到n。所以可通过下列格式实现窗体对象的访问： document.forms[0] document.forms[1] document.forms[2]… 　 ５、引用窗体的先决条件 　　在JavaScript中要对窗体引用的条件是：必须先在页面中用标识创建窗体，并将定义窗体部分放在引用之前。 二、窗体中的基本元素 窗体中的基本元素由按钮、单选按钮、复选按钮、提交按钮、重置按钮、文本框等组成。 在JavaScript中要访问这些基本元素，必须通过对应特定的窗体元素的数组下标或窗体元素名来实现。每一个元素主要是通过该元素的属性或方法来引用。其引用的基本格式见下: formName.elements[].methadName (窗体名.元素名或数组.方法) formName.elemaent[].propertyName(窗体名.元素名或数组.属性) 　 下面分别介绍： 　 １、Text单行单列输入元素 　功能：对Text标识中的元素实施有效的控制。 　基本属性： Name：设定提交信息时的信息名称。对应于HTML文档中的Name。 Value：用以设定出现在窗口中对应HTML文档中Value的信息。 defaultvalue：包括Text元素的默认值 　基本方法： blur()：将当前焦点移到后台。 select()：加亮文字。 　主要事件： onFocus：当Text获得焦点时，产生该事件。 [...]

JavaScript窗口及输入输出 　　JavaScript是基于对象的脚本编程语言，那么它的输入输出就是通过对象来完成的。其中有关输入可通过窗口（Window）对象来完成，而输出可通过文档（document）对象的方法来实现。 一、窗口及输入输出 请看下面例子： Var test=window.prompt(“请输入数据:”); document.write(test+”JavaScript输入输出的例子”); 　　其中window.prompt()就是一个窗口对象的方法，其基本作用是，当装入Web页面时在屏幕上显示一个具有“确定”和“取消”的对话框，让你输出数据。document.writle是一个文档对象的方法，它的基本功能，是实现Web页面的输出显示。见图1所示。 1、窗口对象 　　该对象包括许多有用的属性、方法和事件驱动程序，编程人员可以利用这些对象控制浏览器窗口显示的各个方面，如对话框、框架等。在使用应注意以下几点： 　该对象对应于HTML文档中的和两种标识； 　onload和onunload都是窗口对象属性； 　在JavaScript脚本中可直接引用窗口对象。如： window.alert(“窗口对象输入方法”) 可直接使用以下格式： alert(“窗口对象输入方法”) 　 2、窗口对象的事件驱动 　　窗口对象主要有装入Web文档事件onload和卸载时onunload事件。用于文档载入和停止载入时开始和停止更新文档。 3、窗口对象的方法 　　窗口对象的方法主要用来提供信息或输入数据以及创建一个新的窗口。 　　创建一个新窗口open() 使用window.open（参数表）方法可以创建一个新的窗口。其中参数表提供有窗口的主要特性和文档及窗口的命名。 　　具有OK按钮的对话框 alert()方法能创建一个具有OK按钮的对话框。 　　具有OK和Cancel按钮的对话框 confirm()方法为编程人员提供一个具有两个按钮的对话框。 　　具有输入信息的对话框 prompt()方法允许用户在对话框中输入信息，并可使用默认值，其基本格式如下prompt（“提示信息”，默认值）。 　 4、窗口对象中的属性 　　窗口对象中的属性主要用来对浏览器中存在的各种窗口和框架的引用，其主要属性有以下几个： （１）frames 确文档中帧的数目 frames（帧）作为实现一个窗口的分隔操作，起到非常有用的作用，在使用注意以下几点： 　　frames属性是通过HTML标识的顺序来引用的，它包含了一个窗口中的全部帧数。 　　帧本身已是一类窗口，继承了窗口对象所有的全部属性和方法。 （２）Parent 指明当前窗口或帧的父窗口。 （３）defaultstatus:默认状态，它的值显示在窗口的状态栏中。 （４）status:包含文档窗口中帧中的当前信息。 （５）top:包括的是用以实现所有的下级窗口的窗口。 （６）window.指的是当前窗口 （７）self:引用当前窗口。 　 5、输出流及文档对象 　　在JavaScript文档对象中，提供了用于显示关闭、消除、打开HTML页面的输出流。 （１）创建新文档open()方法 　　使用document.open()创建一个新的窗口或在指定的命令窗口内打开文档。由于窗口对象是所加载的父对象,因而我们在调用它的属性或方法时,不需要加入Window对象。例用Window. Open()与Open()是一样的。 打开一个窗口的基本格式： Window .open(“URL”,”窗口名字”,”窗口属性”] window属性参数是由一个字符串列表项它由逗号分隔，它指明了有关新创建窗口的属性。见表7-1所示。 表7-1 [...]

JavaScript对象系统的使用 　　使用浏览器的内部对象系统, 可实现与HTML文档进行交互。它的作用是将相关元素组织包装起来，提供给程序设计人员使用，从而减轻编程人的劳动，提高设计Web页面的能力。 一、浏览器对象层次及其主要作用 　　除了前面提到过的文档document对象外，Navigator浏览器中还提供了窗口（Window）对象以及历史（History）和位置（Location）对象。 　　浏览器对象(Navigator) 　　　　提供有关浏览器的信息 　　窗口对象(Windows) 　　　　Window对象处于对象层次的最顶端，它提供了处理Navigator窗口的方法和属性。 　　位置对象(Location) 　　　　Location对象提供了与当前打开的URL一起工作的方法和属性，它是一个静态的对象。 　　历史对象(History) 　　　　History对象提供了与历史清单有关的信息。 　　文档对象(Document) 　　　　document对象包含了与文档元素(elements)一起工作的对象，它将这些元素封装起来供编程人员使用。 　　编程人员利用这些对象，可以对WWW浏览器环境中的事件进行控制并作出处理。在JavaScript中提供了非常丰富的内部方法和属性,从而减轻了编程人员的工作,提高编程效率。这正是基于对象与面向对象的根本区别所在。在这些对象系统中,文档对象属于非常重要的,它位于最低层,但对于我们实现Web页面信息交互起作关键作用。因而它是对象系统的核心部分。 二、文档对象功能及其作用 　　在Navigator浏览器中，document文档对象是核心是，同时也是最重要的。见表6-1所示。 Links Anchor Form Method Prop 链接对象 锚对象 窗体对象 方法 对象 表6－1 document对象 　　从表6-1中可以看出，document对象的主要作用就是把这些基本的元素（如links,anchor等）包装起来，提供给编程人员使用。从另一个角度看，document对象中又是由属性和方法组成。 　 １、document中三个主要的对象 在document中主要有：links,anchor,form等三个最重要的对象： （１）anchor锚对象： anchor对象指的是 标识在HTML源码中存在时产生的对象。它包含着文档中所有的anchors信息。 （２）链接links对象 　　link对象指的是用 标记的连接一个超文本或超媒体的元素作为一个特定的URL。 （３）窗体（Form）对象 　　窗体对象是文档对象的一个元素，它含有多种格式的对象储存信息，使用它可以在JavaScript脚本中编写程序进行文字输入，并可以用来动态改变文档的行为。通过document. Forms[]数组来使得在同一个页面上可以有多个相同的窗体,使用forms[]数组要比使用窗体名字要方便得多。 例:下面就是一个使用窗体数组和窗体名字的例子。该程序使得两个窗体中的字段内容保持一致。 Test6_1.htm 　　其中用了OnChnge事件(当窗体内容改变时激发)。第一个使用窗体名字标识my,第二个使用窗体数组Forms[]。其效果是一致。 　 ２、文档对象中的attribute属性 　　document对象中的attribute属性，主要用于在引用Href标识时，控制着有关颜色的格式和有关文档标题、文档原文件的URL以及文档最后更新的日期。这部分元素的主要含义如下： （１）链接颜色：alinkcolor 这个元素主要用于，当选取一个链接时，链接对象本身的颜色就按alinkcolo r指定改变。 （２）链接颜色：linkcolor 当用户使用 Text [...]

在JavaScript中创建新对象 　　使用JavaScript可以创建自己的对象。虽然JavaScript内部和浏览器本身的功能已十分强大，但JavaScript还是提供了创建一个新对象的方法。使其不必像超文本标识语言那样，求于或其它多媒体工具，就能完成许多复杂的工作。 　　在JavaScript中创建一个新的对象是十分简单的。首先它必须定义一个对象，而后再为该对象创建一个实例。这个实例就是一个新对象，它具有对象定义中的基本特征。 一、对象的定义 JavaScript对象的定义，其基本格式如下： Function Object（属性表） This.prop1=prop1 This.prop2=prop2 … This.meth=FunctionName1; This.meth=FunctionName2; … 在一个对象的定义中，可以为该对象指明其属性和方法。通过属性和方法构成了一个对象的实例。如以下是一个关于University对象的定义： Function university(name,city,creatDate URL) This.name=name This.city=city This.creatDate=New Date(creatDate) This.URL=URL 其基本含义如下： Name－指定一个“单位”名称。 　 City－“单位”所在城市。 　 CreatDate－记载university对象的更新日期。 　 URL－该对象指向一个网址。 二、创建对象实例 一旦对象定义完成后，就可以为该对象创建一个实例了： NewObject=New object(); 其中Newobjet是新的对象，Object已经定义好的对象。例： U1=New university(“云南省”，“昆明市”，”January 05,199712:00:00″,”http://www.YN.KM”) U2=New university(“云南电子科技大学”，“昆明”,”January 07,1997 12:00:00″,”htlp://www.YNKJ.CN”) 　 三、对象方法的使用 在对象中除了使用属性外，有时还需要使用方法。在对象的定义中，我们看到This.meth=FunctionName语句，那就是为定义对象的方法。实质对象的方法就是一个函数FunctionName，通过它实现自己的意图。 例在university对象中增加一个方法，该方法是显示它自己本身，并返回相应的字串。 function university(name,city,createDate,URL) This.Name=Name; This.city=city; This.createDate=New Date(creatDate)； This.URL=URL； This.showuniversity=showuniversity; 其中This.showuniversity就是定义了一个方法－－－showuniversity()。 [...]

基于对象的JavaScript语言 　　JavaScript语言是基于对象的（Object-Based），而不是面向对象的（object-oriented）。之所以说它是一门基于对象的语言，主要是因为它没有提供象抽象、继承、重载等有关面向对象语言的许多功能。而是把其它语言所创建的复杂对象统一起来，从而形成一个非常强大的对象系统。 　　　　虽然JavaScript语言是一门基于对象的，但它还是具有一些面向对象的基本特征。它可以根据需要创建自己的对象，从而进一步扩大JavaScript的应用范围，增强编写功能强大的Web文档。 一、对象的基础知识 1、对象的基本结构 　　JavaScript中的对象是由属性(properties)和方法(methods)两个基本的元素的构成的。前者是对象在实施其所需要行为的过程中，实现信息的装载单位，从而与变量相关联；后者是指对象能够按照设计者的意图而被执行，从而与特定的函数相联。 2、引用对象的途径 　　一个对象要真正地被使用，可采用以下几种方式获得： 　　o 引用JavaScript内部对象； 　　o 由浏览器环境中提供； 　　o 创建新对象。 　　这就是说一个对象在被引用之前，这个对象必须存在，否则引用将毫无意义，而出现错误信息。从上面中我们可以看出JavaScript引用对象可通过三种方式获取。要么创建新的对象，要么利用现存的对象。 ３、有关对象操作语句 　　JavaScript不是一纯面向对象的语言，它设有提供面向对象语言的许多功能，因此JavaScript设计者之所以把它你“基于对象”而不是面向对象的语言，在JavaScript中提供了几个用于操作对象的语句和关键字及运算符。 （1） For…in语句 格式如下： For（对象属性名 in 已知对象名） 说明： o 该语句的功能是用于对已知对象的所有属性进行操作的控制循环。它是将一个已知对象的所有属性反复置给一个变量；而不是使用计数器来实现的。 o 该语句的优点就是无需知道对象中属性的个数即可进行操作。 例：下列函数是显示数组中的内容： Function showData(object) for (var X=0; X<30;X++) document.write(object[i])； 该函数是通过数组下标顺序值，来访问每个对象的属性，使用这种方式首先必须知道数组的下标值，否则若超出范围，则就会发生错误。而使For…in语句，则根本不需要知道对象属性的个数，见下： Function showData(object) for(var prop in object) document.write(object[prop])； 使用该函数时，在循环体中，For自动将的属性取出来，直到最后为此。 （2） with语句 使用该语句的意思是：在该语句体内，任何对变量的引用被认为是这个对象的属性，以节省一些代码。 with object{ …} 所有在with语句后的花括号中的语句，都是在后面object对象的作用域的。 （3） this关键字 this是对当前的引用，在JavaScript由于对象的引用是多层次，多方位的，往往一个对象的引用又需要对另一个对象的引用，而另一个对象有可能又要引用另一个对象，这样有可能造成混乱，最后自己已不知道现在引用的那一个对象，为此JavaScript提供了一个用于将对象指定当前对象的语句this。 [...]

JavaScript程序构成 　　JavaScript脚本语言的基本构成是由控制语句、函数、对象、方法、属性等,来实现编程的。 一、程序控制流 　　在任何一种语言中，程序控制流是必须的，它能使得整个程序减小混乱，使之顺利按其一定的方式执行。下面是JavaScript常用的程序控制流结构及语句: １、if条件语句 　基本格式 if（表述式） 语句段１； …… else 语句段２； ….. 　功能：若表达式为true，则执行语句段１；否则执行语句段２。 　说明： if -else 语句是JavaScript中最基本的控制语句，通过它可以改变语句的执行顺序。 表达式中必须使用关系语句，来实现判断，它是作为一个布尔值来估算的。 它将零和非零的数分别转化成false和true。 若if后的语句有多行，则必须使用花括号将其括起来。 　 if语句的嵌套 if（布尔值）语句１； else（布尔值）语句２； else if（布尔值）语句３； …… else 语句４； 　 在这种情况下，每一级的布尔表述式都会被计算，若为真，则执行其相应的语句，否则执行else后的语句。 　 ２、For循环语句 　基本格式 for（初始化；条件；增量） 语句集； 　功能：实现条件循环，当条件成立时，执行语句集，否则跳出循环体。 　说明： 初始化参数告诉循环的开始位置，必须赋予变量的初值； 条件：是用于判别循环停止时的条件。若条件满足，则执行循环体，否则 跳出。 增量：主要定义循环控制变量在每次循环时按什么方式变化。 三个主要语句之间，必须使用逗号分隔。 　 ３、while循环 　基本格式 while（条件） 语句集； 该语句与For语句一样，当条件为真时，重复循环，否则退出循环。 　For与while语句 　　两种语句都是循环语句，使用For语句在处理有关数字时更易看懂，也较紧凑；而while循环对复杂的语句效果更特别。 ４、break和continue语句 　　与C++语言相同，使用break语句使得循环从For或while中跳出，continue使得跳过循环内剩余的语句而进入下一次循环。 二、函数 　　函数为程序设计人员提供了一个丰常方便的能力。通常在进行一个复杂的程序设计时，总是根据所要完成的功能，将程序划分为一些相对独立的部分，每部分编写一个函数。从而，使各部分充分独立，任务单一，程序清晰，易懂、易读、易维护。JavaScript函数可以封装那些在程序中可能要多次用到的模块。并可作为事件驱动的结果而调用的程序。从而实现一个函数把它与事件驱动相关联。这是与其它语言不样的地方。 [...]