<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScriptwhile循环</title>
</head>
<!--while循环会在指定条件为真时循环执行代码块-->
<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>
<p>点击下面的按钮，只要i小于5就一直循环代码块</p>
<button onclick="myFunction1()">点点点</button>
<p id="demo1"></p>
<script>
function myFunction1(){
var x = "", i = 0;
do{
x = x + "该数字是" + i + "<br/>";
i++;
}while (i < 5)
document.getElementById("demo1").innerHTML = x;
}
</script>
</body>
</html>
网友评论