位置:电子教程 > JavaScript教程 (如果看不到内容请使用360浏览器) 推荐学习资源
课程概要
JavaScript入门
JavaScript 语法
JavaScript 变量
JavaScript 数据类型
JavaScript 对象
JavaScript 函数
JavaScript 作用域
JavaScript 事件
JavaScript 字符串
JavaScript 运算符
JavaScript 比较 和 逻辑运算符
JavaScript if...Else 语句
JavaScript switch 语句
JavaScript for 循环
JavaScript while 循环
JavaScript break 和 continue 语句
JavaScript typeof, null, 和 undefined
JavaScript 类型转换
JavaScript 正则表达式
JavaScript 错误 - throw、try 和 catch
当前阅读教程:JavaScript教程 > JavaScript while 循环
阅读(22555525)      收藏       赞(5685)      分享
上一篇: For/In 循环 下一篇: do/while 循环

只要指定条件为 true,循环就可以一直执行代码块。

while 循环

while 循环会在指定条件为真时循环执行代码块。

 

语法

while (条件)
{
    需要执行的代码
}

实例

本例中的循环将继续运行,只要变量 i 小于 5

while (i<5)
{
    x=x + "The number is " + i + "<br>";
    i++;
}

完整代码

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>小白教程网 2d5.net</title>
</head>
<body>
 
<p>点击下面的按钮,只要 i 小于 5 就一直循环代码块。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction(){
     var x="",i=0;
     while (i<5){
             x=x + "该数字为 " + i + "<br>";
             i++;
     }
     document.getElementById("demo").innerHTML=x;
}
</script>
 
</body>
</html>

效果图

小白教程网www.2d5.net

image.png

如果您忘记增加条件中所用变量的值,该循环永远不会结束。这可能导致浏览器崩溃。


上一篇: For/In 循环 下一篇: do/while 循环
计算机毕业设计作品网      毕业设计文档网      小程序教程网       毕业设计资料网  |         毕业设计定制QQ:45157718(微信同号)(备注:毕设)