While循环
- While 循环会在指定条件为真时循环执行代码块。
如果不设定while循环条件中的变量数值限定的值，则会一直循环。
<button onclick="myFunction()">点击这里</button>
<p id="test"></p>
<script>
function myfunction()
{
var x=" ",i=0;
while (i<10)
{
x = x + i + "";
i++;
}
document.getElementById("test").InnerHTML = x;
}
</script>- while循环输出数组中的值。
<script>
var test=["a","b","c","d","asd"];
var i=0;
while(test[i])
{
document.write(test[i] + "<br/>");
i++;
}
</script>
do While循环
该循环至少会执行一次，执行结束后会判断是否为真，如果为真则继续循环，否则停止。
<button onclick="myFunction()">点击这里</button>
<p id="test"></p>
<script>
function myfunction()
{
var x=" ",i=0;
do{
x = x + i + "
";
i++;
}
while (i<10);
document.getElementById("test").InnerHTML = x;
}
</script>
Break和continue语句
- break语句用于跳出循环，跳出循环后如果下面还有代码则继续执行。
下面这个循环当i=13时直接停止：
<button onclick="myFunction()">点击这里</button>
<p id="test"></p>
<script>
function myFunction()
{
var x="",i=0;
for(i=0; i<10; i++)
{
if (i==13)
{
break;
}
x = x + i + "<br/>";
}
document.getElementById("test").innerHTML = x;
}
</script>
- continue语句中断循环中的迭代，如果出现了指定的条件，它会跳过这一次循环直接进行下一次。
下面这个循环当i=13时直接跳过进行下一轮的循环：
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction()
{
var x="",i=0;
for(i=0; i<10; i++)
{
if (i==13)
{
continue;
}
x = x + i + "<br/>";
}
document.getElementById("test").innerHTML = x;
}
</script>