for循环 

<!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>

 

posted on 2019-12-05 23:03  loongw  阅读(304)  评论(0)    收藏  举报

导航