<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>创建继承person的student子类</title>
</head>
<body>
<p>姓名:<span id="name"></span></p>
<p>语文:<span id="chinese"></span></p>
<p>数学:<span id="math"></span></p>
<p>年龄:<span id="age"></span></p>
<script>
function Person(name,chinese,math){
this.name=name;
this.chinese=chinese;
this.math=math;
}
Person.prototype.showName=function(){
return this.name;
};
Person.prototype.showChinese=function(){
return this.chinese;
};
Person.prototype.showMath=function(){
return this.math;
};
function Student(name,chinese,math,age){
Person.call(this,name,chinese,math);
this.age=age;
}
Student.prototype=new Person();
Student.prototype.showAge=function(){
return this.age;
};
var student1=new Student("小盼",98,87,18);
document.getElementById("name").innerHTML=student1.showName();
document.getElementById("chinese").innerHTML=student1.showChinese();
document.getElementById("math").innerHTML=student1.showMath();
document.getElementById("age").innerHTML=student1.showAge();
</script>
</body>
</html>
相关文章
- 03-29创建继承person的student子类
- 03-29第3关:person类的继承使用
- 03-29子类继承之后添加新的属性出现报错及解决方法
- 03-29继承时,当父子类都具有相同的成员变量,默认情况下是直接调用子类的成员变量,当要调用父类的成员变量则需要使用super关键之
- 03-29创建多线程的方式:继承Thread类和实现Runnable接口
- 03-29dart子类的继承
- 03-29我如何创建其他窗口继承的窗口?
- 03-29day-25-类的继承顺序-父类对子类的约束-多态-队列和栈
- 03-29设计模式-Composite(创建型模式) 用于 递归构建 树 状 的组合结构,与Decorator的区别是 Composite旨在通过构造子类而添加新操作,而Decorator直接添加新操作。
- 03-29父类上的注解能被子类继承吗,接口上面的注解呢(转)