52.js自定义对象使用基础

<head>
    <meta charset="UTF-8">
    <title>1.js自定义对象使用基础</title>
</head>
<body>
    <div id="show1">
        <span>对象1的内容</span>
    </div>
    <hr>
    <div id="show2">
        <span>对象2的内容</span>
    </div>


</body>
    <script>
        <!--1声明自定义对象-->
        var obj1 = {
            id: 1001
            , name: "张三"
            , gender: 1
            , nickName: "隔壁老张"
            , showInfo: function () {
                var msg = "id: " + this.id + "<br>"
                    + "name: " + this.name + "<br>"
                    + "gender: " + this.gender + "<br>"
                    + "nickName: " + this.nickName + "<hr>";

                var new_span = document.createElement("span");
                document.getElementById("show1").appendChild(new_span);
                new_span.innerHTML = msg;
            }
        };
        obj1.showInfo();
        /*2.创建对象2*/
        var obj2 = {};
        obj2.username = "黑山老妖"
        obj2.password = "123456"
        obj2.gender = 1;
        obj2.showInfo = function(){
            var msg = "username: " + this.username + "<br>"
                + "password: " + this.password + "<br>"
                + "gender: " + this.gender + "<hr>";
            var new_span = document.createElement("span");
            document.getElementById("show2").appendChild(new_span);
            new_span.innerHTML = msg;
        }
        obj2.showInfo();

    </script>
posted on 2022-04-13 18:18 小小程序猿level1 阅读(27) 评论(0) 收藏举报