位置:海鸟网 > IT > JavaScript >

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。