面向对象的js写法

发布时间:2020-07-12 04:42:24 作者:叫我小黄毛
来源:网络 阅读:367
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <style>
        *{padding:0; margin:0}
        #btn{width:80px;height:30px; border:1px solid #0094ff; background:#eee; line-height:30px; margin:10px auto; text-align:center;cursor:pointer;}
        #clearbtn { width: 80px; height: 30px; border: 1px solid #0094ff; background: #eee; line-height: 30px; margin: 10px auto; text-align: center; cursor: pointer; }
    </style>
    
</head>
<body>
    

    <script>
        var defalt = {
            'name': '小黄毛',   
            'six': '男',
            'age': 18
        }
        var people = function () {
            this.name = defalt.name;
            this.six = defalt.six;
            this.age = defalt.age;
            this.doHomeWrok = function (obj) {
                obj = obj || "";
                var name = obj.name || this.name;
                var age = obj.age || this.age;
                var six = obj.six || this.six;
                var oBox = document.getElementById('box');
                oBox.innerHTML = '在下' + name + ',性别' + six + ',芳龄' + age;
            }
        }
        people.prototype.getAll = function (options) {
            options = options || "";
            var name = options.name || this.name;
            var six = options.six || this.six;
            var age = options.age || this.age;
            return '在下' + name + ',性别' + six + ',芳龄' + age; 
        }
        var hulong = new people();
        var hl = { 'name': '大黄猫','six':'女','age':15 }
        console.info(hulong.getAll(hl));
        function clearDoHomeWrok() {
            var oBox = document.getElementById('box');
            oBox.innerHTML = "";
        }

    </script>

    <div id="btn" onclick="hulong.doHomeWrok(hl)" >click me</div>
    <div id="clearbtn" onclick="clearDoHomeWrok()">clear</div>
    <div id="box" ></div>
</body>
</html>
推荐阅读:
  1. JS面向对象,创建,继承
  2. JS面向对象

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

js 面向对象 j

上一篇:nagios简介与原理

下一篇:查看kafka消息队列的积压情况

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》