第四章：javaScript对象及初识面向对象——课后作业：

1，显示学生信息

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

2，显示两个学生的信息

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>创建函数自我介绍</title>
</head>
<body>
 <p id="p"></p>
    <script>
        function student(name,age,introduce) {
            this.name=name;
            this.age=age;
            this.introduce=introduce;
            this.Show=function (){
                var str="姓名："+this.name+"<br/>"+"年龄："+this.age+"<br/>"+"自我介绍："+this.introduce
                var a =document.createElement("p");
                document.getElementById("p").appendChild(a).innerHTML=str;
                return p;
            }
        }
        var student1 =new student("王小明","16","我是高中一年级的学生，身高1.8米，很帅，我喜欢学习语文和英语");
        student1.Show();
        var student2 =new student("黄妞妞","6","我今年6岁，非常可爱，马上就可以上小学了，就可能有好多好多的小朋友了");
        student2.Show();

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

3，显示对象信息

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>使用继承</title>
</head>
<body>
<p id="p"></p>
 <script>
    function Animal(color,name,age) {
        this.name=name;
        this.age=age;
        this.color=color;
    }
    function Poultry(color,name,age,leg) {
        Animal.call(this,color,name,age,leg)
        this.leg=leg;
        this.info =function (){
            var a =document.createElement("p");
            var str="我是一个"+this.color+"的"+this.name+"，我已经"+this.age+"岁了，"+"我有"+this.leg+"条腿";
            document.getElementById("p").appendChild(a).innerHTML=str;
            return p;
        }
    }
       // Poultry.prototype=new Animal();
       var poultry1 =new Poultry("灰色","小狗狗","1","4");
        poultry1.info();
        var poultry2 =new Poultry("白色","茶怀猫","2","4");
        poultry2.info();
        var poultry3 =new Poultry("红色","母鸡","1","2");
        poultry3.info();
 </script>
</body>
</html>

第四章：javaScript对象及初识面向对象——课后作业：

猜你喜欢