第一题
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>第一题</title>
</head>
<div id="intro"></div>
<body>
<script>
var student=new Object();
student.name="高乐乐";
student.age="15";
student.introduction="我叫高乐乐,我是一个初中三年级的学<br>生,我非常喜欢音乐和打篮球";
student.intro=function () {
var str="姓名:"+this.name+"<br>年龄:"+this.age+"<br>自我介绍:"+this.introduction;
document.getElementById("intro").innerHTML=str;
}
student.intro();
</script>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>第一题</title>
</head>
<div id="intro"></div>
<body>
<script>
var student=new Object();
student.name="高乐乐";
student.age="15";
student.introduction="我叫高乐乐,我是一个初中三年级的学<br>生,我非常喜欢音乐和打篮球";
student.intro=function () {
var str="姓名:"+this.name+"<br>年龄:"+this.age+"<br>自我介绍:"+this.introduction;
document.getElementById("intro").innerHTML=str;
}
student.intro();
</script>
</body>
</html>
第二题
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>第二题</title>
</head>
<body>
<div>
<p>姓名:<span id="name"></span></p>
<p>年龄:<span id="age"></span></p>
<p>自我介绍:<span id="intro"></span></p>
<script>
function Person(name,age){
this.name=name;
this.age=age;
}
Person.prototype.showName=function(){
return this.name;
}
Person.prototype.showAge=function () {
return this.age;
}
function Student(name,age,intro){
Person.call(this,name,age); //继承属性
this.intro=intro;
}
Student.prototype=new Person();
Student.prototype.showIntro=function () {
return this.intro;
}
var Student1=new Student("王小明",16,"我是高中一年级的学生,身高1.8米,很帅,我喜欢学习语文和英语。");
document.getElementById("name").innerHTML=Student1.showName();
document.getElementById("age").innerHTML=Student1.showAge();
document.getElementById("intro").innerHTML=Student1.showIntro();
</script>
</div><br>
<div>
<p>姓名:<span id="name1"></span></p>
<p>年龄:<span id="age1"></span></p>
<p>自我介绍:<span id="intro1"></span></p>
<script>
function Person(name1,age1){
this.name1=name1;
this.age1=age1;
}
Person.prototype.showName1=function(){
return this.name1;
}
Person.prototype.showAge1=function () {
return this.age1;
}
function Student(name1,age1,intro1){
Person.call(this,name1,age1); //继承属性
this.intro1=intro1;
}
Student.prototype=new Person();
Student.prototype.showIntro1=function () {
return this.intro1;
}
var Student1=new Student("黄妞妞",6,"我今年6岁了,非常可爱,马上就可以上小学了,就可能有好多好多的小朋友了。");
document.getElementById("name1").innerHTML=Student1.showName1();
document.getElementById("age1").innerHTML=Student1.showAge1();
document.getElementById("intro1").innerHTML=Student1.showIntro1();
</script>
</div>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>第二题</title>
</head>
<body>
<div>
<p>姓名:<span id="name"></span></p>
<p>年龄:<span id="age"></span></p>
<p>自我介绍:<span id="intro"></span></p>
<script>
function Person(name,age){
this.name=name;
this.age=age;
}
Person.prototype.showName=function(){
return this.name;
}
Person.prototype.showAge=function () {
return this.age;
}
function Student(name,age,intro){
Person.call(this,name,age); //继承属性
this.intro=intro;
}
Student.prototype=new Person();
Student.prototype.showIntro=function () {
return this.intro;
}
var Student1=new Student("王小明",16,"我是高中一年级的学生,身高1.8米,很帅,我喜欢学习语文和英语。");
document.getElementById("name").innerHTML=Student1.showName();
document.getElementById("age").innerHTML=Student1.showAge();
document.getElementById("intro").innerHTML=Student1.showIntro();
</script>
</div><br>
<div>
<p>姓名:<span id="name1"></span></p>
<p>年龄:<span id="age1"></span></p>
<p>自我介绍:<span id="intro1"></span></p>
<script>
function Person(name1,age1){
this.name1=name1;
this.age1=age1;
}
Person.prototype.showName1=function(){
return this.name1;
}
Person.prototype.showAge1=function () {
return this.age1;
}
function Student(name1,age1,intro1){
Person.call(this,name1,age1); //继承属性
this.intro1=intro1;
}
Student.prototype=new Person();
Student.prototype.showIntro1=function () {
return this.intro1;
}
var Student1=new Student("黄妞妞",6,"我今年6岁了,非常可爱,马上就可以上小学了,就可能有好多好多的小朋友了。");
document.getElementById("name1").innerHTML=Student1.showName1();
document.getElementById("age1").innerHTML=Student1.showAge1();
document.getElementById("intro1").innerHTML=Student1.showIntro1();
</script>
</div>
</body>
</html>