JavaScript基本语法-基本程序语句
可以使用JavaScript所提供的语句在Web网页中实现很多交互性的的功能。JavaScript所提供语句可以分为以下几大类。
变量申明:Var
函数定义语句:Function,Return
条件和分支语句:If…Else,Switch
循环语句:For,For…In,Break和Continue
对象操作语句:New,This和With
注释语句:∥或者/* */
1. If语句
基本语法
01 If(条件){
02 执行语句
03 }else{
04 执行语句
05 {
语法解释
如果其中的条件成立,则程序执行相应的语句。
文件范例:15-6.htm
在脚本中使用If语句。
01 <!-- ------------------------------ -->
02 <!-- 文件范例:15-6.htm -->
03 <!-- 文件说明:If语句 -->
04 <!-- ------------------------------ -->
05 <HTML>
06 <HEAD>
07 <TITLE>If语句</TITLE>
08 </HEAD>
09 <BODY>
10 <script language="javascript">
11 <!--
12 hour=13;
13 if (hour< 12)
14 document.write("Good morning");
15 else if (hour< 18)
16 document.write("Good afternoon");
17 else
18 document.write("Good evening");
19 -->
20 </script>
21 </BODY>
22 </HTML>
文件说明
第12行将变量 hour赋值为13,第13行到第18行进行不同的判断,由于hour< 18,因此将Good afternoon输出。
2.For语句
基本语法
01 for (初始化部分;条件部分;更新部分)
02 {
03 语句块…
04 }
语法解释
实现条件循环,当条件成立时,执行语句集,否则跳出循环体
文件范例:15-7.htm
在脚本中使用For循环语句
01 <!-- ------------------------------ -->
02 <!-- 文件范例:15-7.htm -->
03 <!-- 文件说明:for语句 -->
04 <!-- ------------------------------ -->
05 <HTML>
06 <HEAD>
07 <TITLE>for语句</TITLE>
08 </HEAD>
09 <BODY>
10 <script language="javascript">
11 <!--
12 sum=0;
13 for(i=0;i<6;i++)
14 sum+=3;
15 document.write(sum);
16 -->
17 </script>
18 </BODY>
19 </HTML>
文件说明
第13行进行了变量i的6次循环,第14行进行了6次相加,因此最终的值为18。
3.Switch语句
基本语法
01 switch(expression){
02 case labell:
03 语句块1
04 case label2:
05 语句块2
06 …
07 default:
08 语句块N
09 }
语法解释
每一个Labe1标记都必须在程序中由Expression表达式的一个或是多个可能的值代入.
文件范例:15-8.htm
在脚本中使用switch语句
01 <!-- ------------------------------ -->
02 <!-- 文件范例:15-8.htm -->
03 <!-- 文件说明:Switch语句 -->
04 <!-- ------------------------------ -->
05 <HTML>
06 <HEAD>
07 <TITLE>Switch语句</TITLE>
08 </HEAD>
09 <BODY>
10 <script language="javascript">
11 <!--
12 for(i=1;i<=10; ++i)
13 {
14 switch(i)
15 {
16 case 1:
17 val="one";
18 break;
19 case 2:
20 val="two";
21 break;
22 case 3:
23 val="three";
24 break;
25 case 4:
26 val="four";
27 break;
28 case 5:
29 val="five";
30 break;
31 case 6:
32 val="six";
33 break;
34 case 7:
35 val="seven";
36 break;
37 case 8:
38 val="eight";
39 break;
40 case 9:
41 val="nine";
42 break;
43 case 10:
44 val="ten";
45 break;
46 default:
47 val="unknown"
48 }
49 document.writeln(val+"<br>");
50 }
51 //-->
52 </script>
53 </BODY>
54 </HTML>
文件说明
第12行使用For语句,实现变量i值由1-10的循环,第13行到第46行使用switch语句,第48行以换行的形式书写程序结果。
4.D0…While语句
基本语法
01 do{
02 语句块;
03 }while(条件)
语法解释
执行的情况是:首先执行语句块,然后判断条件是否成立。所以D0…While循环至少执行一次。
文件范例:15-9htm
在脚本中使用D0…While语句。
01 <!-- ------------------------------ -->
02 <!-- 文件范例:15-9.htm -->
03 <!-- 文件说明:Do…while语句 -->
04 <!-- ------------------------------ -->
05 <HTML>
06 <HEAD>
07 <TITLE>Do…while语句</TITLE>
08 </HEAD>
09 <BODY>
10 <script language="javascript">
11 <!--
12 i=0;
13 do
14 {
15 ++i;
16 document.write("<H"+i+">this is a level "+i+" heading."+"</H"+i+">");
17 }while(i<6)
18 //-->
19 </script>
20 </BODY>
21 </HTML>
文件说明
在此输出了H1-H5的标记。
5.Break语句
基本语法
Break;
语法解释
Break语句是结束当前的循环,并把程序的控制权交给循环的下一个语句。
文件范例:15-10.htm
在脚本中使用Break语句。
01 <!-- ------------------------------ -->
02 <!-- 文件范例:15-10.htm -->
03 <!-- 文件说明:Break语句 -->
04 <!-- ------------------------------ -->
05 <HTML>
06 <HEAD>
07 <TITLE>Break语句</TITLE>
08 </HEAD>
09 <BODY>
10 <script language="javascript">
11 <!--
12 for(i=1;i<100;i++)
13 {
14 document.write(i+"<br>");
15 if(i%17==0)
16 break;
17 }
18 //-->
19 </script>
20 </BODY>
21 </HTML>
文件说明
当循环到能被17整除时自动跳出整个循环,所以只输出1-17。
6.Continue语句
基本语法
continue;
语法解释
Continue语句是结束当前的某一次循环,但是并没有跳出整个循环.
文件范例:15-11.htm
在脚本中使用Continue语句。
01 <!-- ------------------------------ -->
02 <!-- 文件范例:15-11.htm -->
03 <!-- 文件说明:Continue语句 -->
04 <!-- ------------------------------ -->
05 <HTML>
06 <HEAD>
07 <TITLE>Continue语句</TITLE>
08 </HEAD>
09 <BODY>
10 <script language="javascript">
11 <!--
12 for(i=1;i<100;i++)
13 {
14 document.write(i+"<br>");
15 if(i%17==0)
16 continue;
17 }
18 //-->
19 </script>
20 </BODY>
21 </HTML>
文件说明
当循环到能被17整除时不能跳出整个循环,所以输出1-99。