【代码笔记】Web-JavaScript-javascript while循环

最新推荐文章于 2024-09-25 14:00:00 发布

weixin_30820077

最新推荐文章于 2024-09-25 14:00:00 发布

阅读量80

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/yang-guang-girl/p/10153721.html

版权

一，效果图。

二，代码。

<!DOCTYPE html>
<html> <head> <meta charset="utf-8"> <title>javascript while循环</title> </head> <body> <!--while循环--> <p>点击下面的按钮，只要 i 小于 5 就一直循环代码块。</p> <button onclick="myFunction()">点击这里</button> <p id="demo"></p> <script> function myFunction() { var x = "", i = 0; while (i < 5) { x = x + "The number is " + i + "<br>"; i++; } document.getElementById("demo").innerHTML = x; } </script> <!--do-while循环--> <p>点击下面的按钮，只要i小于5就一直循环代码块</p> <button onclick="myFunction()">点击这里</button> <p id="demo1"></p> <script> function myFunction() { var x = "", i = 0; do { x = x + "the number is" + i + "<br>"; i++; } while (i < 5) document.getElementById("demo1").innerHTML = x; } </script> </body> </html>