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

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

程序员文章站 2022-04-13 17:40:24
一，效果图。 二，代码。 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语句

 

 

参考资料：《菜鸟教程》

上一篇： 她是朱由校的养母，操控皇帝还想控制朝政

下一篇： 盘点历朝那些美男子，他们怎么当上男皇后的？

推荐阅读