`
pscjs
  • 浏览: 2549 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

JavaScript 循环语句

阅读更多

       for语句

 

       for (<变量>=<初始值>; <循环条件>; <变量累加方法>) <语句>;

 

       本语句的作用是重复执行<语句>,直到<循环条件>为 false 为止。它是这样运作的:首先给<变量>赋<初始值>,然后*判断<循环条件>(应该是一个关于<变量>的条件表达式)是否成立,如果成立就执行<语句>,然后按<变量累加方法>对<变量>作累加,回到“*”处重复,如果不成立就退出循环。这叫做“for循环”。

 

        下面给出示例:

 

<html>
<head>
    <title>一个for语句的Javascript示例</title>
</head>
<body>

    <script type="text/javascript">
        for (i = 0; i < 10; i++)  //给i赋初为0,如果i小于10,就把i加1,直到i>=10结束
        {
            document.write(i);    //输出结果0123456789
        }
    </script>

</body>
</html>

 

         提示 适当的使用 for 循环,能使 HTML 文档中大量的有规律重复的部分简化,也就是用 for 循环重复写一些 HTML 代码,达到提高网页下载速度的目的。不过请在 Netscape 中重复进行严格测试,保证通过了才好把网页传上去。作者曾试过多次因为用 for 循环向文档重复写 HTML 代码而导致 Netscape“猝死”。IE 中绝对没有这种事情发生,如果你的网也是只给 IE 看的,用多多的 for 也没问题。

 

        while语句

 

        while (<循环条件>) <语句>;

 

        比 for 循环简单,while 循环的作用是当满足<循环条件>时执行<语句>。while 循环的累加性质没有 for 循环强。<语句>也只能是一条语句,但是一般情况下都使用语句块,因为除了要重复执行某些语句之外,还需要一些能变动<循环条件>所涉及的变量的值的语句,否则一但踏入此循环,就会因为条件总是满足而一直困在循环里面,不能出来。这种情况,我们习惯称之为“死循环”。死循环会弄停当时正在运行的代码、正在下载的文档,和占用很大的内存,很可能造成死机,应该尽最大的努力避免。

 

         下面给出示例:

 

<html>
<head><title>一个while循环的Javascript示例</title></head>
<body>

<script type="text/javascript">
    i = 0                       //给变量i赋值一个0
    while (i <= 5)              //如果i小于等于5就循环后面语句
    {
        document.write(i)
        i++
    }
</script>

</body>
</html>

  

       break 和 continue

       有时候在循环体内,需要立即跳出循环或跳过循环体内其余代码而进行下一次循环。break 和 continue 帮了我们大忙。
        break;  本语句放在循环体内,作用是立即跳出循环。

        continue;  本语句放在循环体内,作用是中止本次循环,并执行下一次循环。如果循环的条件已经不符合,就跳出循环。

 

下面给出示例:

 

<html>
<head>
    <title>一个if语句的Javascript示例</title>
</head>
<body>

    <script type="text/javascript">
        for (i = 0; i < 10; i++)  //给i赋初始值0,i小于10就重复i++,也就是把i加1直到i>=10时结束
        {
            if (i == 3 || i == 5 || i == 8)
            {
                continue;         //如果循环等于条件就跳出当次循环
            }
            document.write(i);    //输出结构等于0124679
        }
    </script>
    
</body>
</html>

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics