04-JavaScript 循环

for循环
for(var i=0;i<len;i++){
...
}

 

弹出9次OK！

    <script>

        for(var i=0;i<9;i++)
        {
            alert("ok!")
        }

    </script>
</head>

将数组中的数据分别弹出：

<script>

        var aList = ["a","b","c","d"];

        for(var i=0;i<aList.length;i++)
            {
                alert(aList[i])
            }
    </script>

将数组中的数据放到页面的列表中：

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <script>
            window.onload = function(){
                var oUl = document.getElementById("list");

                // 假设这是从数据库读取过来的数据，我们把它写入列表中去
                var aList = ['美人鱼','动物城','魔兽','美国队长','万事如意']
                var iLen = aList.length;
                var sTr = "";

                for(var i=0;i<iLen;i++)
                {
                    sTr += '<li>' + aList[i] + '</li>'; 
                }

                oUl.innerHTML = sTr;
            }



        </script>
        <style>
            .list{
                list-style:none;
                margin:50px auto 0;
                padding:0;
                width:300px;
                height:305px;
            }

            .list li{
                height:60px;
                border-bottom:1px dotted #000;
                font-size:16px;
                line-height:60px;
            }
        </style>
    </head>
    <body>
        <ul class="list" id="list">
            <!-- 
            用for循环拼一个这都结构，加入数据，再塞到这里来

            <li>"美人鱼"</li>
            <li>"美人鱼"</li>
            <li>"美人鱼"</li>
            <li>"美人鱼"</li>
            <li>"美人鱼"</li> 
        -->
        </ul>
    </body>
    </html>

 

while循环

var i = 0
while(i<8){
...;
i++;
}

 

posted @ 2019-03-18 13:31  greenfan  阅读(70)  评论(0)    收藏  举报