JavaScript快速上手之9：while循环

来源：互联网发布：给老人买什么好知乎编辑：程序博客网时间：2024/05/21 20:27

1.目的：了解while循环的使用方法。

2.代码：

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>JavaScript</title> </head><body><!--以下是while 循环语句：1. while 循环：会在指定条件为真时循环执行代码块。2. do/while 循环：是 while 循环的变体。该循环会在检查条件是否为真之前执行一次代码块，然后如果条件为真的话，就会重复这个循环 --> <!-- 范例一：while循环(循环代码5次) --><p>范例一：while循环(循环代码5次)</p><button onclick="fun1()">点击按钮</button><p id="demo1"></p><!-- 范例二：do/while循环 --><p>范例二：do/while循环(循环代码5次)</p><button onclick="fun2()">点击按钮</button><p id="demo2"></p><script>//范例一：while循环(循环代码5次)function fun1(){var x="",i=0;while (i<5){x=x + "该数字为 " + i + "<br>";i++;}document.getElementById("demo1").innerHTML=x;}//范例二：do/while循环(循环代码5次)function fun2(){var x="",i=0;do{x=x + "该数字为 " + i + "<br>";    i++;}while (i<5)  document.getElementById("demo2").innerHTML=x;}</script></body></html>

3.结果：

0 0