欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

【代码笔记】Web-Javascript-javascript break和continue语句

程序员文章站 2022-06-25 08:15:45
一,效果图。 二,代码。 javascript break和continue语句

点击按钮,测试带 ......

一,效果图。

 

【代码笔记】Web-Javascript-javascript break和continue语句

二,代码。

 

【代码笔记】Web-Javascript-javascript break和continue语句
<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>javascript break和continue语句</title>
</head>

<body>
    <!--break语句-->
    <p>点击按钮,测试带有brak语句的循环</p>
    <button onclick="myfunction()">点击这里</button>
    <p id="demo"></p>
    <script>
    function myfunction() {
        var x = "",
            i = 0;
        for (i = 0; i < 10; i++) {
            if (i == 3) {
                break;
            }
            x = x + "the number is" + i + "<br>";
        }
        document.getelementbyid("demo").innerhtml = x;
    }
    </script>
    <!--continue语句-->
    <p>点击下面按钮来执行循环,该循环会跳过i=3的步进</p>
    <button onclick="myfunction()">点击这里</button>
    <p id="demo"></p>
    <script>
    function myfunction() {
        var x = "",
            i = 0;
        for (i = 0; i < 10; i++) {
            if (i == 3) {
                continue;
            }
            x = x + "the number is" + i + "<br>";
        }
        document.getelementbyid("demo").innerhtml = x;
    }
    </script>
    <!--javascript标签-->
    <script>
    cars = ["bmw", "volvo", "saab", "ford"];
    list: {
        document.write(cars[0] + "<br>");
        document.write(cars[1] + "<br>");
        document.write(cars[2] + "<br>");
        break list;
        document.write(cars[3] + "<br>");
        document.write(cars[4] + "<br>");
        document.write(cars[5] + "<br>");
    }
    </script>
</body>

</html>
【代码笔记】Web-Javascript-javascript break和continue语句

 

 

参考资料:《菜鸟教程》