使用jQuery高效制作网页特效——第四章课后作业

1.创建一个学生对象student

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

2.创建一个构造函数student

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>学员信息</title>
</head>
<div id="a"></div>
<body>
    <script>
        function student(name,age,introduce) {
            this.name = name;
            this.age = age;
            this.introduce = introduce;
        }
        student.prototype.show =  function () {
            var str = "姓名："+this.name+""+"<br>"+"年龄："+this.age+"<br>"+"自我介绍："+this.introduce;
            var p = document.createElement("p");
            document.getElementById("a").appendChild(p).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.创建一个构造函数Animal

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

使用jQuery高效制作网页特效——第四章课后作业

猜你喜欢