第3题
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>学生</title> </head> <body> <div id="infomess"> </div> </body> </html> <script type="text/javascript"> var student = new Object(); student.name = "高乐乐"; student.age = "15"; student.info = "我叫高乐乐,我是一个初中三年级的学生,我非常喜欢音乐和打篮球" student.show = function() { var str = "姓名:"+this.name+"<br>年龄:"+this.age+"<br>自我介绍:"+this.info; return str; } document.getElementById("infomess").innerHTML=student.show(); </script>
第4题
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="stu"> </div> </body> </html> <script type="text/javascript"> function Student(name,age,info) { this.name=name; this.age=age; this.info=info; this.show=function(){ var p =document.createElement("p"); p.setAttribute("id",this.name); document.getElementById("stu").appendChild(p); var str = "姓名:"+this.name+"<br>年龄:"+this.age+"<br>自我介绍:"+this.info; document.getElementById(this.name).innerHTML= str; return p; } } var stu = document.getElementById("stu"); var student1= new Student("张三","18","我叫张三"); student1.show(); var student2 = new Student("李四","20","我叫李四"); student2.show(); </script>
第5题
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="div"> </div> <script type="text/javascript"> 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 p = document.createElement("p"); p.setAttribute("id",this.name); document.getElementById("div").appendChild(p); var str = "我是一个"+this.color+this.name+",我已经"+this.age+"岁了,我有"+this.leg+"条腿"; document.getElementById(this.name).innerHTML=str; return p; } var p1 = new Poultry("小狗狗","1","灰色","4"); p1.info(); var p2 = new Poultry("茶杯猫","2","白色","4"); p2.info(); var p3 = new Poultry("母鸡","1","红色","2"); p3.info(); </script> </body> </html>