break是结束整个循环，continue是结束单次循环
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>break and continue</title>
</head>
<body>
<p>点击按钮，测试带有 break 语句的循环。</p>
<button onclick="myFunction1()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction1() {
var x = "",
i = 0;
for(i = 0; i < 10; i++) {
if(i == 3) {
break;
}
x = x + "The number is " + i + "<br>";
}
document.getElementById("demo").innerHTML = x;
}
</script>
<p>点击下面的按钮来执行循环，该循环会跳过 i=3 的步进。</p>
<button onclick="myFunction2()">点击这里</button>
<p id="demo2"></p>
<script>
function myFunction2() {
var x = "",
i = 0;
for(i = 0; i < 10; i++) {
if(i == 3) {
continue;
}
x = x + "The number is " + i + "<br>";
}
document.getElementById("demo2").innerHTML = x;
}
</script>
</body>
</html>
操作结果如下
