for循环、while循环

123 阅读1分钟
for循环
语法:
for(循环变量初始化;条件;自加一){
    语句;
    语句;
    ……;
}
实例:   <!-- 用for循环嵌套:div写 -->
    <!-- <script>
        for(var a=1;a<=9;a++){
            for(var i=1;i<=9;i++){
                document.write("<div style='border:1px solid #f00; width:20px;height:20px;float:left'>");
                document.write("</div>")
            }
            document.write("<br style='clear:both'>");
        }
    </script> -->

    <!-- 用for循环嵌套:table写 -->
    <!-- <script>
        document.write("<table style='width:200px;height:200px;border-spacing:0px; margin:0 auto;'>");
        for(var a=1;a<=9;a++){
            document.write("<tr>");
                for(var i=1;i<=9;i++){
                    document.write("<td style='border:1px #0f0 solid;background:#00f'>");
                    document.write("</td>");
                }
            document.write("</tr>");
            }
        document.write("</t0f0ffable>");
    </script> -->

        <!-- 使用for循环嵌套判断制作九行九列表格 -->
        <script>
            for(var i=1;i<=81;i++){
                if(i%9!=0)
                     {
                        document.write("<div style='float:left;border: 1px #0f0 solid;width: 10px;height: 10px;'>"+"</div>")  
                        
                     }else{
                        document.write("<div style='float:left;border: 1px #0f0 solid;width: 10px;height: 10px;'>"+"</div>")
                        document.write("<p style='clear:both'>"+"</p>")
                     }
                    }  
                </script>

while循环:直到型循环,直到条件为false退出循环
语法:
    定义变量
    while(条件){
        语句;
        语句;
        ……;
    }
    实例:
        <!-- 100以内所有的偶数 -->
    <!-- <script>
        var i=1;
        while(i<=100){
            if(i%2==0){
                document.write(i+"<br>");
            }
            i++;
        }
    </script> -->

    <!-- 100个偶数 -->
    <script>
        var i=1;
        var n=0;
        while(n<100){
            if(i%2==0){
                document.write("这是第"+(n+1)+"个偶数"+i+"<br>");
                n++;
            }
            i++;
        }
    </script>