小白教程
所有教程
关于
Search
172.71.254.80
172.71.254.80
参数设置
贡献
退出
操作
编辑
移动
保护
信息
历史
删除
查看“JavaScript while 循环”的源代码
本页内容
上一节:
JavaScript_for_循环
下一节:
JavaScript_break_和_continue_语句
因为以下原因,您没有权限编辑本页:
您请求的操作仅限属于该用户组的用户执行:
用户
您可以查看和复制此页面的源代码。
{{DISPLAYTITLE:JavaScript while 循环}}[[Category:Javascript 教程|21]] = JavaScript while 循环 = 只要指定条件为 true,循环就可以一直执行代码块。 == while 循环 == while 循环会在指定条件为真时循环执行代码块。 === 语法 === while (条件) { 需要执行的代码 } == 本例中的循环将继续运行,只要变量 i 小于 5: <sample title="" desc="" lang="html" hererun="1"> while (i<5) { x=x + "The number is " + i + "<br>"; i++; } </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</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> </run> <blockquote>如果您忘记增加条件中所用变量的值,该循环永远不会结束。这可能导致浏览器崩溃。</blockquote> == do/while 循环 == do/while 循环是 while 循环的变体。该循环会在检查条件是否为真之前执行一次代码块,然后如果条件为真的话,就会重复这个循环。 === 语法 === do { 需要执行的代码 } while (条件); == 下面的例子使用 do/while 循环。该循环至少会执行一次,即使条件为 false 它也会执行一次,因为代码块会在条件被测试前执行: <sample title="" desc="" lang="html" hererun="1"> do { x=x + "The number is " + i + "<br>"; i++; } while (i<5); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> </head> <body> <p>点击下面的按钮,只要 i 小于 5 就一直循环代码块。</p> <button onclick="myFunction()">点击这里</button> <p id="demo"></p> <script> function myFunction(){ var x="",i=0; do{ x=x + "该数字为 " + i + "<br>"; i++; } while (i<5) document.getElementById("demo").innerHTML=x; } </script> </body> </html> </run> 别忘记增加条件中所用变量的值,否则循环永远不会结束! == 比较 for 和 while == 如果您已经阅读了前面那一章关于 for 循环的内容,您会发现 while 循环与 for 循环很像。 本例中的循环使用 '''for 循环'''来显示 cars 数组中的所有值: <sample title="" desc="" lang="html" hererun="1"> cars=["BMW","Volvo","Saab","Ford"]; var i=0; for (;cars[i];) { document.write(cars[i] + "<br>"); i++; } </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> </head> <body> <script> cars=["BMW","Volvo","Saab","Ford"]; var i=0; for (;cars[i];){ document.write(cars[i] + "<br>"); i++; } </script> </body> </html> </run> 本例中的循环使用 '''while 循环'''来显示 cars 数组中的所有值: <sample title="" desc="" lang="html" hererun="1"> cars=["BMW","Volvo","Saab","Ford"]; var i=0; while (cars[i]) { document.write(cars[i] + "<br>"); i++; } </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> </head> <body> <script> cars=["BMW","Volvo","Saab","Ford"]; var i=0; while (cars[i]){ document.write(cars[i] + "<br>"); i++; } </script> </body> </html> </run>
返回至“
JavaScript while 循环
”。
上一节:
JavaScript_for_循环
下一节:
JavaScript_break_和_continue_语句