JavaScript013,while,do_while循环

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>JavaScript while循环</title>
    </head>
    <body>
        <h3>while循环 和 do_while循环</h3>
        while循环:<span id="demo"></span>
        </br></br>
        do_while循环:<span id="demo1"></span>
        
        <script type="text/javascript">
            /* while循环:只要条件成立,就会一直执行,条件不成立就不会执行 */
            var i = 1;        //声明变量i并初始化
            while(i <= 5){    //1.第一次执行,i=1,i<=5,条件成立,进入循环
                document.getElementById("demo").innerHTML = "条件满足,我执行了 " + i + " 遍!";//2.输出语句
                i++;    //3.i++(等同于i+1=2),再回到第一步判断,条件满足继续执行,条件不满足,跳出循环
            }
            
            /* do_while循环:不管条件成不成立,都要至少执行一次(因为do_while是把需要执行的语句放在判断语句前面的) */
            do{    //1.不管条件满足否,都要先执行这里
                document.getElementById("demo1").innerHTML = "i = 1;所以i < 0的条件不成立,但是我还是会执行一遍!";
                i++;//2.然后再执行这里
            }
            while(i<0);//3.最后执行判断语句,条件不成立则退出循环;
        </script>
    </body>
</html>

猜你喜欢

转载自www.cnblogs.com/zhou0910/p/12147293.html