http://www.blogjava.net/ebecket 返还网
随笔-140  评论-11  文章-131  trackbacks-0
JavaScript进阶(2)—条件语句和循环语句的使用

2009年09月26日 15:39

    在一般情况下,程序语句的执行是按照其书写顺序来执行的。前面的代码先执行,后面的代码后执行。但是这种简单的自上而下的单向流程只适于用一些很简单的程序。大多数情况下,需要根据逻辑判断来决定程序代码执行的优先顺序。要改变程序代码执行的先后顺序,任何编程语言都需要用到条件语句和循环语句,Javascript也不例外。

Javascript条件语句有以下几种:

·                  单项条件结构 (if条件语句)

·                  双向条件结构 (if...else条件语句)

·                  多项条件结构 (switch条件语句)

Javascript 循环语句有以下几种:

·                  在循环的开头测试表达式 (while 循环语句)

·                  在循环的末尾测试表达式 (do...while 循环语句)

·                  由计数器控制的循环 (for 循环语句)

============================================================

我们来看看以下的代码


<html>
<head>
<title>条件语句循环语句</title>
</head>

<body>
<pre>
<script language="javascript">
<!--
//if条件语句
var a = 1;
if (a == 1){
document.writeln("如果a的值是1,那么可以在浏览器中看到这句话");
}
else{
document.writeln("如果a的值不是1,那么这句话我们看不见");
}

document.writeln("-------------------------------------------------------");

//条件语句的省略形式
c = (a == 1) ? "返回true" : "返回false";
document.writeln(c);
document.writeln("-------------------------------------------------------");

//使用switch语句执行多个条件的循环

var d=2;
switch(d) {
   case 1 :
     {
document.writeln("弹出对话框,显示1");
break;
}
   case 2 :
   {
     document.writeln("弹出对话框,显示2");
break;
}
   case 3 :
      {
   document.writeln("弹出对话框,显示3");
break;
   }
   default :
   {
document.writeln("程序有误");
break;
}
}
    document.writeln("-------------------------------------------------------");

//使用for循环
var sum = 0;
for (e = 1; e<10 ; e++) {
sum +=e;
}
document.writeln(sum);

document.writeln("-------------------------------------------------------");

//使用while 循环
var f = 1;
var sum = 0;
while (f < 11){
sum +=f;
f++;
}
document.writeln(sum);
document.writeln("-------------------------------------------------------");

//使用do...while 循环
var g = 0;
var sum = 0;
do {
sum +=g;
g++;
}
while(g<10);
document.writeln(sum);
// -->
</script>
</pre>
</body>
</html>
=========================================================

程序的执行结果如下:

如果a的值是1,那么可以在浏览器中看到这句话
-------------------------------------------------------
返回true
-------------------------------------------------------
弹出对话框,显示2
-------------------------------------------------------
45
-------------------------------------------------------
55
-------------------------------------------------------
45

posted on 2009-11-19 15:09 becket_zheng 阅读(179) 评论(0)  编辑  收藏 所属分类: 网页web前端技术

只有注册用户登录后才能发表评论。


网站导航: