while( 循环终止条件 ){

}

案例

案例   打印100以内 7的倍数 ：

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

        <script>

        var a=0;

        while(a<=100){

            a++;

            if(a%7==0){

                document.write(a+'<br>');

            }

        }

        </script>

    </head>

    <body>

    </body>

</html>

案例   打印100以内所有偶数的和

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

        <script>

        var a=0;

        var res=0;

        while(a<=100){

            a++;

            if(a%2==0){

                res+=a;

            }

        }

        document.write(res)

        </script>

    </head>

    <body>

    </body>

</html>

打印图形

*

**　

***

****

*****

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

        <script>

    var second=0;//一共打印多少行;>>>五行

    while(second<=5){

        second++

        var length=0;

        while(length<=10){//一行打印多少个>>>十个

            length++;

            document.write('*');

        }

        document.write('<br>')

    }

        </script>

    </head>

    <body>

    </body>

</html>

for循环

      for循环将while循环分离的结构进行了整,将变量的声明自增，以及判断放入了括号中。写法更简单在开发中推荐使用。

for(var i = 0 ; i<10; i++){

     //语句块

}

for循环的执行顺序 。 ( 从上到下，从左到右？不！！ )

1.先声明变量，2.然后判断，3.之后读取语句块，4.最后再对变量进行自增。

for(var i = 0  （ 1.声明变量）  ; i < 10 (2.进行判断)  ; i ++ （ 4.对变量进行自增） ){

     //语句块 （ 3.读取语句块）

}

案例：打印 99乘法表

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

        <script>

            for(var i = 1 ; i < 10;i++){ //前面的数字 i;

               for(var j = 1; j <= i; j++){//后面的数字 j

                    document.write(i+'*'+j+'='+i*j+' ');//拼接第一个是公式，要用字符串拼接；第二个是计算结果用数字计算。最后加了一个空格 让页面更美观。

               }

               document.write('<br>')

            }

        </script>

    </head>

    <body>

    </body>

</html>

案例： 计算 1+3+5+...+99的和 ：

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

        <script>

            var res=0;

            for(var i = 1 ; i < 100;i++){

               res+=i;

            }

            document.write(res);

        </script>

    </head>

    <body>

    </body>

</html>

案例： 求 1*2*3*4*5*6....的结果；

<html>

<head>

<meta charset="utf-8">

<script>

var res = 1;

for (var i = 1; i <= 20; i++) {

res *= i;

}

document.write(res)

</script>

</head>

<body>

</body>

</html>