While 循环

实例

While 循环: 利用 while 循环在指定条件为 true 时来循环执行代码。
Do while 循环: 利用 do...while 循环在指定条件为 true 时来循环执行代码。在即使条件为 false 时，这种循环也会至少执行一次。这是因为在条件被验证前，这个语句就会执行。

语法：

while (变量<=结束值)
{
    需执行的代码
}

解释：下面的例子定义了一个循环程序，这个循环程序的参数 i 的起始值为 0。该程序会反复运行，直到 i 大于 10 为止。i 的步进值为 1

<html>
<body>
<script type="text/javascript">
var i=0
while (i<=10)
{
document.write("The number is " + i)
document.write("<br />")
i=i+1
}
</script>
</body>
</html>

输出结果为：

The number is 0
The number is 1
The number is 2
The number is 3
The number is 4
The number is 5
The number is 6
The number is 7
The number is 8
The number is 9
The number is 10

do...while 循环

do...while 循环是 while 循环的变种。该循环程序在初次运行时会首先执行一遍其中的代码，然后当指定的条件为 true 时，它会继续这个循环。所以可以这么说，do...while 循环为执行至少一遍其中的代码，即使条件为 false，因为其中的代码执行后才会进行条件验证。

语法：

do
{
    需执行的代码
}
while (变量<=结束值)

实例：

<html>
<body>
<script type="text/javascript">
var i=0
do 
{
document.write("The number is " + i)
document.write("<br />")
i=i+1
}
while (i<0)
</script>
</body>
</html>

输出结果：

The number is 0

不能一味纸上谈兵所以下面有一个小例子可以帮助熟悉和巩固while循环！

第一个从键盘输出小明的成绩

当成绩为100时，奖励一辆宝马汽车！

当成绩为[80-99]时，奖励一台iphone！

当成绩为[60-80]时，奖励一本参考书！

其他分数时，什么奖励也没有！然后利用将出入错误的值让用户从新输入。

<script type="text/javascript">
        while(true){
            var cj = prompt("输入小明的成绩");
            if(cj < 100 && cj > 0){
                break
            }
            alert("请重新输入有效成绩")
        }
        function talbe(cj){
            if(isNaN(cj) || cj == 0){
                document.write("输出错误")}
            else if(cj == 100){
                alert("奖励一台宝马")
            }
            else if(cj >= 80 && cj <= 99){
                alert("奖励一台iphone")
            }
            else if(cj >= 60 && cj < 80){
                alert("奖励一本参考书")
            }
            else if(cj < 60){
                alert("打一顿")
                }
            else(
                alert("拉出去毙了")
            )
        }
        talbe(cj)
    </script>

页面效果：