当前位置: 移动技术网 > IT编程>网页制作>Html5 > 【代码笔记】Web-JavaScript-javaScript for循环

【代码笔记】Web-JavaScript-javaScript for循环

2018年12月20日  | 移动技术网IT编程  | 我要评论
一,效果图。 二,代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>javascript for循环</title> </head> <body> <script> cars = ["bmw", "volvo", "saa ...

一,效果图。

 

二,代码。

 

复制代码
<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>javascript for循环</title>
</head>

<body>
    <script>
    cars = ["bmw", "volvo", "saab", "ford"];
    for (var i = 0; i < cars.length; i++) {
        document.write(cars[i] + "<br>");
    }
    </script>
    <p>点击按钮循环代码5次</p>
    <button onclick="myfunction()">点击这里</button>
    <p id="demo"></p>
    <script>
    function myfunction() {
        var x = "";
        for (var i = 0; i < 5; i++) {
            x = x + "the number is" + i + "<br>";
        }
        document.getelementbyid("demo").innerhtml = x;
    }
    </script>
    <p>点击下面的按钮,循环遍历对象"person"的属性</p>
    <button onclick="myfunction()">点击这里</button>
    <p id="demo1"></p>
    <script>
    function myfunction() {
        var x;
        var txt = "";
        var person = {
            fname: "bill",
            lname: "gates",
            age: 56
        };
        for (x in person) {
            txt = txt + person[x];
        }
        document.getelementbyid("demo1").innerhtml = txt;

    }
    </script>
</body>

</html>
复制代码

 

参考资料:《菜鸟教程》

如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网