当前位置: 首页 > web开发 > 脚本语言 > 正文

JS的while循环语句

时间:2017-05-02 本站 guaitu

语法:

while(条件)
{
条件为真,则执行循环体代码
}

说明:while语句只要条件成立,就不断的执行循环体的代码

(1)在循环开始之前,必须要对循环变量初始化,为循环变量赋初值;

(2)如果while的条件为真,则会重复不断的执行循环体中的代码;

(3)在循环体中,必须要有使循环变量变化的语句,比如:i++

例1:Javascript用while语句输出1-10之间所有的数

<script type="text/javascript">
var i = 1;
while(i<=10)
{
document.write(i+"<br />");
i++;
}
</script>

例2:Javascript用while语句输出1-100之间的所有偶数

思路:遍历1-100间所有的数,然后筛选出所有的偶数。

<script type="text/javascript">
var i = 1;
while(i<=100)
{
if(i%2==0)
{
document.write(i+"<br />");
}
i++;
}
</script>

例3:Javascript用while语句实现表格隔行变色

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script type="text/javascript">
var str = "";
str += "<table width=500 border=1 rules=all align=center>";
str += "<tr bgcolor='#cccccc'>";
str += "<th>编号</th><th>新闻标题</th><th>发布时间</th>";
str += "</tr>";
var i = 1;
while(i<=10)
{
//偶数行加背景色,奇数行不加背景色
if(i%2==0)
{
str += "<tr bgcolor='silver'>";
}else
{
str += "<tr>";
}
str += "<td>第<font color=red>"+i+"</font>行</td><td>编程入门</td><td>www.bianceng.cn</td>";
str += "</tr>";
i++;
}
str += "</table>";
document.write(str);
</script>
</head>
<body>
</body>
</html>

运行效果如下图:

URL: http://www.bianceng.cn/webkf/script/201705/50629.htm