1.6.3　JavaScript的基本语句

这一小节仅介绍JavaScript的几种常用的基本语句，它们是：

❑if……else条件语句。

❑switch选择语句。

❑for循环语句。

❑while循环语句。

1.if和if……else条件语句

通常，JavaScript脚本是按代码顺序，从第一句执行到最后一句。但有时，程序需要在某个条件成立的情况下执行一条语句，而在这个条件不成立的时，执行另外一条语句，这时就需要使用if或if……else语句。JavaScript的if条件语句的语法如下所示。

---

if（condition）

{

statement

}

---

这个语法的含义是，当条件condition为真时（即条件成立时），程序就执行语句statement。注意，这里的if必须是小写字母，否则会出现JavaScript错误。代码1-24是一个if语句的例子。

代码1-24　JavaScript的if语句1-24.html

---

01 ＜html＞

02 ＜head＞

03 ＜title＞1-24＜/title＞

04 ＜/head＞

05 ＜body＞

06

07 ＜script language="JavaScript"＞

08 var a=3；

09 if（a＞0）

10 document.write（"a的值是"+a）；//把"a的值是3"输出到页面上

11 ＜/script＞

12

13 ＜/body＞

14 ＜/html＞

---

【代码解析】上述代码第8行定义一个变量a，其值为3，因为条件a＞0成立，所以上述代码将在浏览器显示一行“a的值是3”的文字。执行结果如图1-27所示。

if……else条件语句的语法如下所示。

---

if（condition）

{

statement1

}

else

{

statement2

}

---

这个语法的含义是，当条件condition为真时，程序就执行语句statement1，否则，则执行语句statement2。if……else语句和if语句的使用方法一样，这里不再重复举例。

2.switch语句

switch语句的语法如下所示。

---

switch（n）

{

case 1：

statement_1

break

case 2：

statement_2

break

……

default：

statement_n

}

---

该语句中的花括号将整个switch语句包含在内，该语句首先计算表达式n的值，然后用n的值和case后的值比较，如果匹配，则执行该case后的语句，直到遇到break语句。如果所有的case值都不匹配n的值，则执行default对应的语句statement_n。break语句在这里用来中断switch语句，使switch语句不再继续执行下去。代码1-25是switch语句的一个示例程序。

代码1-25　JavaScript的switch语句1-25.html

---

01 ＜html＞

02 ＜head＞

03 ＜title＞1-25＜/title＞

04 ＜/head＞

05 ＜body＞

06 ＜script language="JavaScript"＞

07 var d=new Date（）//生成一个Date对象d

08 theTime=d.getHours（）

//使用Date对象d的getHours（）方法获得当前时间的小时值，并把这个值赋给变量theTime

09 switch（theTime）//根据变量theTime的值，选择不同的执行语句

10 {

11 case 7：

12 alert（"Good Morning！"）；//用alert（）输出不同的字符串

13 break；

14 case 15：

15 alert（"Good Afternoon！"）；

16 braek；

17 case 19：

18 alert（"Good Evening！"）；

19 break；

20 case 23：

21 alert（"It's time to go to sleep！"）；

22 break；

23 default：

24 alert（"Hello,My friend！"）；

25 }

26 ＜/script＞

27

28 ＜/body＞

29 ＜/html＞

---

【代码解析】上述代码首先通过JavaScript对Date对象的getHours（）函数获得当前时间的小时值，然后在第9～26行使用switch语句根据不同的小时值，通过JavaScriptalert（）函数弹出Web页面对话框，在该对话框内显示一句话。执行效果如图1-28所示。

3.for循环语句

JavaScript程序有时需要根据某些条件成立，反复执行某些语句。可以通过for循环语句实现这个功能。for循环语句的语法如下所示。

---

for（var=变量初始值；表达式；变量var更新语句）

{

statement

}

---

该语句的含义是：首先对变量赋初值，然后判断表达式是否成立，如果成立，则执行语句statement，然后执行变量var的更新语句，更新语句就是对变量var的值加1。更新之后，再判断表达式的值，接着程序按上面的步骤继续执行。如果表达式不成立，那么程序跳出for循环，不再执行语句statement。代码1-26是for循环语句的示例程序，它通过for循环，在Web页面上输出数字0～9。

代码1-26　JavaScript的for循环语句1-26.html

---

01 ＜html＞

02 ＜head＞

03 ＜title＞1-26＜/title＞

04 ＜/head＞

05 ＜body＞

06 ＜script language="JavaScript"＞

07 var i=0

08 for（i=0；i＜10；i++）//for循环

09 {

10 document.write（"The number is"+i）；//浏览器输出当前内容

11 document.write（"＜br/＞"）；//浏览器输出换行符

12 }

13 ＜/script＞

14 ＜/body＞

15 ＜/html＞

---

【代码解析】第8～12行是for循环，这里通过设置变量i的值，逐个输出0～9的值。其执行结果如图1-29所示。

4.while循环语句

除了for循环语句外，JavaScript还有另外一种循环语句——while循环语句，可以使某些语句在满足某些条件的时候，循环执行。while循环语句的语法如下所示。

---

while（expr）

{

statement

}

---

该语句的含义是，当表达式expr成立时，则执行语句statement，执行完语句statement后，程序返回继续判断表达式expr的值，如此反复执行。为了让循环不会无限次地执行下去，需要有使表达式expr不成立的情况。代码1-27通过while循环语句，在Web页面上显示数字0～9。

代码1-27　JavaScript的while循环语句

---

01 ＜html＞

02 ＜head＞

03 ＜title＞1-27＜/title＞

04 ＜/head＞

05 ＜body＞

06

07 ＜script language="JavaScript"＞

08 var i=0

09 while（i＜10）//while循环

10 {

11 document.write（"The number is"+i）；//输出当前内容

12 document.write（"＜br/＞"）；//输出换行符

13 i=i+1；//变量i自加1

14 }

15 ＜/script＞

16

17 ＜/body＞

18 ＜/html＞

---

【代码解析】代码第9～14行是一个while循环，读者要注意while循环与for循环的区别，第9行只有一个循环条件i＜10，第13行是循环变量的递增。

提示　上述代码的执行结果和图1-29所示完全相同。