JavaScript中的whi...LOGIN

JavaScript中的while循环

while循环:只要条件成立,就重复不断的执行循环体代码

while(条件判断)

{

        如果条件为true,则执行循环体代码

}

while循环结构说明:

  • 在循环开始前,必须要对变量初始化(声明变量,给变量给个初始值)。

  • 如果while的条件为true,则会重复不断的执行循环体中({ })的代码。如果条件为false,则退出循环。

  • 在循环体中,必须要有“变量更新”的语句。换句话说:两次循环的变量的值不能一样,如果一样,会造成“死循环”。

 来通过例子学习:

输出1-10之间的所有数

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script> 
        var i = 1;
        while(i<=10){
            document.write(i);
            i++ //变量更新,是为了避免出现“死循环”
        }
        </script>
    </head>
    <body>
    </body>
</html>

循环语句必须有三要素,缺一不可:

  • 变量初始化

  • 条件判断

  • 变量更新

输出1-100之间的所有奇数

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script> 
        //变量初始化
        var i = 1;
        //条件判断
        while(i<=100){
            //如果是奇数,则输出
            if(!(i%2==0)){
                document.write(i+"  ");
            }
            //变量更新
            i++;
        }
        </script>
    </head>
    <body>
    </body>
</html>

 



下一节
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>php.cn</title> <script> var i = 1; while(i<=10){ document.write(i); i++ //变量更新,是为了避免出现“死循环” } </script> </head> <body> </body> </html>
提交重置代码
章节课件