第四章JavaScript对象及初识面向对象

最新推荐文章于 2020-02-25 13:47:16 发布

X_302lizhaohon

最新推荐文章于 2020-02-25 13:47:16 发布

阅读量526

点赞数

本文链接：https://blog.csdn.net/x_302lizhaohon/article/details/81156050

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>创建对象显示自我介绍</title>
</head>
<body>
<div id="intr"></div>
<script type="text/javascript">
    var student=new Object();
    student.name="高乐乐";
    student.age="15";
    student.self="我叫高乐乐，我是一个初中生三年级的学生，我非常喜欢音乐和打篮球";
    student.introduce=function () {
        var str="姓名："+this.name+"<br/>年龄："+this.age+"<br/>自我介绍："+this.self;
        document.getElementById("intr").innerHTML=str;
    }
    student.introduce();

</script>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>创建构造函数显示自我介绍</title>
</head>
<body>
<div id="sein1"></div>
<div id="sein2"></div>
<script type="text/javascript">
    function Student(name,age,self) {
        this.name=name;
        this.age=age;
        this.self=self;
        this.sein1=function(){
            var str="<p></p>姓名："+this.name+"<br/><p></p>年龄："+this.age+"<br/><p></p>自我介绍："+this.self;
            document.getElementById("sein1").innerHTML=str;
        }

        this.sein2=function(){
            var str="<p></p>姓名："+this.name+"<br/><p></p>年龄："+this.age+"<br/><p></p>自我介绍："+this.self;
            document.getElementById("sein2").innerHTML=str;
        }
    }
    var wxm=new Student("王小明","16","我是高中一年级的学生，身高1.8米，很一般，我喜欢学习语文和英语。");
    wxm.sein1();
    var hnn=new Student("黄妞妞","6","我今年6岁了，非常可爱，马上就可以上小学了，就可能有好多好多的小朋友了。");
    hnn.sein2();
</script>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>使用继承</title>
</head>
<body>
<p id="cool"></p>

<script>
    function Animal(name,age,color) {
        this.name=name;
        this.age=age;
        this.color=color;
    }
    function Poultry(name,age,color,leg) {
        Animal.call(this,name,age,color);
        this.leg=leg;
    }
    Poultry.prototype=new Animal();
    Poultry.prototype.info = function () {
        var cool = document.createElement("cool");
        cool.setAttribute("id",this.name);
        document.getElementById("cool").appendChild(cool);

        var str = "我是一个"+this.color+"的"+this.name+",我已经"+this.age+"岁了,我有"+this.leg+"条腿<p></p>";
        document.getElementById(this.name).innerHTML=str;
        return cool;
    }
    //狗
    var dog=new Poultry("小狗狗","1","灰色","4");
    dog.info();

    //猫
    var cat=new Poultry("茶杯猫","2","白色","4");
    cat.info();

    //鸡
    var chicken=new Poultry("母鸡","1","红色","2");
    chicken.info();
</script>
</body>
</html>

X_302lizhaohon

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
第四章JavaScript对象及初识面向对象

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;创建对象显示自我介绍&lt;/title&gt;&lt;/head&gt;&lt;body&gt;&lt;div
复制链接

扫一扫