JavaScript 入门教程

JavaScript是一门Web编程语言，用来实现网页的交互功能，它和HTML、CSS共同组成了个Web开发的基础工具集合，也是前端开发者必备的技能；学习JavaScript教程可以了解它在网页开发中的所有特性和相关概念，让我们能够更加快速的去开发Web应用。

W3CAPI

2020-06-18 07:05:48

文档目录

我的书签

请登录

while

JavaScript while 循环

详细说明

在JavaScript中，while循环结构较为简单：只要条件为真，它就会重复执行其中的语句。该条件会在每次循环开始时进行检测。

语法示例

while (condition)
{
statements
}

执行一下

图示演示：

示例:

以下网页文档用于计算0到10之间的奇数之和。while循环以x=0开始并在x等于10时终止循环。若x除以2的余数不等于0，则将x累加到y中。循环结束后，y返回奇数的总和。

HTML代码

<!DOCTYPE html>
<html lang="en"><br><head>
<meta charset=utf-8>
<title>JavaScript while statement :  Example-1</title>
</head><body>
<body>
<h1 style="color: red">JavaScript : while statement</h1>
<h3> The while loop calculate the sum of odd numbers between 0 to 10. </h3>
<p id="result">List of numbers :</p>
<script src="while-statement-example1.js"></script>
</body>
</html>

执行一下

JS代码

var x = 1;
var y = 0;
var z = 0;
document.getElementById("result").innerHTML = "List of numbers : ";
while (x <=10 )
{
z = x %  2;
if (z !== 0)
{
var newParagraph1 = document.createElement("p");
var newText1 = document.createTextNode(x);
newParagraph1.appendChild(newText1);
document.body.appendChild(newParagraph1);
y=y+x;
}
x++;
}
var newParagraph1 = document.createElement("p");
var newText1 = document.createTextNode("The sum of even numbers between 0 to 10 is : " + y);
newParagraph1.appendChild(newText1);
document.body.appendChild(newParagraph1);

执行一下

在浏览器中查看示例

上一篇：JavaScript do...while 循环
下一篇：JavaScript for循环

作者文档