IT猫扑网文章教程

分类分类

JavaScript基本语法-基本程序语句

2015-06-28 00:00作者:网管联盟

可以使用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
展开全部

相关文章

说两句网友评论
    我要跟贴
    取消