<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>for语句(最常用的循环)</title>
<!--
for (语句1;语句2;语句3){
被执行的代码块a;
}
个人理解：
执行顺序：语句1———语句2——代码块a————语句3；一个流程结束，再返回语句1
语句1是执行a的条件初始值，语句2是执行a的条件范围，语句3是每次执行a后改变条件a的代码
-->
<!--
for (var 变量n的初始值;n的范围;每次执行m后对n的改变方式){
代码m
}
-->
</head>
<body>
<script>
var x,y;
for (x=0;x<10;x++){
document.write(x);//0123456789
}
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>for语句嵌套</title>
<!--
for语句嵌套规则：
1）外层为假时，不执行内层
2）先这外面的，再执行内层，直到内层的条件为假时再返回外层去执行
-->
<!-- 个人理解：执行顺序：从上到下/外部循环每执行一次，内部循环都要遍历一次/ -->
</head>
<body>
<script>
for (var m=1;m<=3;m++){//1）先执行m=1,再判断m<=3的布尔值
document.write(m+"<br />"+"<hr>");//2）再执行该代码块
for (var n=1;n<=5;n++){//3）再执行n=1
document.write(n+"<br />");//4）再执行该代码块/执行完n=1条件后再返回n++,再返回3）步骤，然后循环，直到不符合n<=5的条件。最后执行5）
}
document.write("<hr />");//5）
document.write("<hr />");//6）执行完该代码块后，执行n++/然后执行1）步骤/再循环，直到不符合m<=3的条件
}
</script>
</body>
</html>
