专注于互联网--专注于架构

最新标签
网站地图
文章索引
Rss订阅

首页 »Javascript教程 » while语句:while和do…while循环语句 »正文

while语句:while和do…while循环语句

来源: 发布时间:星期三, 2008年9月10日 浏览:196次 评论:0

在编写程序的时候,需要程序按照重复多次执行类似的代码,直到某个条件成立。JavaScript提供了各种循环语句完成这项功能,循环是程序高效率的体现,善用循环,代码结构将得到最大的简化。

1.while循环

这是一种常用的循环,允许JavaScript多次执行同一个代码段,一般用于不知道循环的次数的情况中,其编写格式如下:

while (条件表达式){

代码段

}

while循环的工作流程并不复杂,首先判断条件表达式的值,如果值为false,则跳过循环语句,执行后面的语句。而条件表达式的值为true时,程序将执行一次代码段的语句,然后再次判断条件表达式。第2次判断条件表达式的值为false,则跳过循环语句,执行后面的语句,其值为true时,程序将执行一次代码段的语句,然后再次判断条件表达式。这样周而复始地判断条件表达式,直到条件表达式的值为false,循环才停止,继续执行后面的语句。在D:\web\目录下创建网页文件(XHTML1.0),命名为while.htm,编写while.htm文件代码如代码16.3所示。

代码16.3 while循环语句:while.htm

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3. org/TR/xhtml1/DTD/ xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>while循环语句</title>

<style type="text/css">

body{text-align:center;}

</style>

</head>

<body>

<div id="main">

<script type="text/javascript">

var i=1;

while (i<20){

document.write("数字"+i+"<br />");

i++;

}

</script>

</div>

</body>

</html>

文本框:
图16.7  while循环语句
在浏览器地址栏输入http://localhost/while.htm,浏览效果如图16.7所示。

如果不使用循环语句,完成本例的效果是相当麻烦的。在本例中,使用变量i做计数器,并且i的初始值为1,循环的条件是i必须小于20。通过i++语句,每次循环执行代码后i都会自增1,直到i的值为20,循环才停止。while循环语句的编写,有可能循环体内({}之间的代码)的代码段一次都不会执行。如i的初始值为20,程序将直接跳过循环语句,执行后面的语句。

相关文章

读者评论

  • 共0条 分0页

发表评论

  • 昵称:
  • 内容: