jQuery第四章课后作业

最新推荐文章于 2025-06-15 17:12:31 发布

原创最新推荐文章于 2025-06-15 17:12:31 发布 · 2.7k 阅读

5 ·

CC 4.0 BY-SA版权

jQuery制作网页高级特效专栏收录该内容

14 篇文章

订阅专栏

这篇博客通过jQuery展示了如何创建并使用对象和构造函数。首先，定义了一个Student对象，包含姓名、年龄和自我介绍属性，并实现输出信息的方法。接着，创建了Student构造函数，用于在页面上展示学生信息。此外，还探讨了Animal和Poultry构造函数的继承关系，以及在页面中显示动物信息的实现方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

3.创建一个对象Student，表示一个学生对象，要求如下。

（1）添加属性：姓名，年龄和自我介绍。

（2）添加方法：输出该学生的姓名，年龄和自我介绍。

（3）在页面上显示该方法输出的信息。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>创建对象显示自我介绍</title>
</head>
<body>
    <script>
        function Student(name,age,pre) {
            this.name=name;
            this.age=age;
            this.pre=pre;
        }
            Student.prototype.getName=function () {
                return this.name;
            }
            Student.prototype.getAge=function () {
                return this.age;
            }
            Student.prototype.getPre=function () {
                return this.pre;
            }
        var studen = new Student("高乐乐","15","我叫高乐乐，我是一个初中三年级的学生，我非常喜欢音乐和打篮球。")
        document.write("姓名："+studen.getName()+"<br>年龄："+studen.getAge()+"<br>自我介绍:"+studen.getPre())
    </script>
</body>
</html>

4.创建一个构造函数Student，表示学生，要求如下。

（1）添加属性：姓名，年龄和自我介绍。

（2）添加方法：在一个p标签中显示该姓名，年龄和自我介绍。

（3）创建两个学生对象，输入两个学生的姓名，年龄和自我介绍。

（4）在页面中显示两个对象的方法输出的信息。

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

5.创建一个构造函数Animal,使用继承完成如下要求。

（1）构造函数Animal有自己的属性：名称（name），年龄（age）和颜色（color）。

（2）创建构造函数Poultry，继承Animal的属性，并且有属于自己的属性：腿数：（leg）。

（3）创建Poultry的方法info，输出名称，年龄，颜色和腿数等信息。

（4）创建对象，把方法中的相关信息输出到页面中。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>使用继承</title>
</head>
<body>
<P id="p1"></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.info=function () {
                 var str = "我是一个"+this.color+"的"+this.name+",我已经"+this.age+"岁了，我有"+this.leg+"条腿。";
                 var p = document.createElement("p");
                 p.innerHTML=str;
                 return p;
             }
         var pou1=new Poultry("小狗狗","1","灰色","4");
        var pou2=new Poultry("茶杯猫","2","白色","4");
        var pou3=new Poultry("母鸡","1","红色","2");
        var doc = document.getElementById("p1");
        doc.appendChild(pou1.info());
        doc.appendChild(pou2.info());
        doc.appendChild(pou3.info());
    </script>
</body>
</html>