javascript面向对象例子

来源：互联网发布：中国移动流量充值端口编辑：程序博客网时间：2024/05/29 19:45

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@page import="com.deng.testjs.model.Person"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">

<script type="text/javascript">

/**
实现人、老师、学生之间的关系并体现继承
*/

function test() {
var teacher = new Teacher();
alert("老师会说：" + teacher.say("同学们好"));

var student = new Student();
alert("学生会说：" + student.say("老师好"));

alert("老师去学校的目的是：" + teacher.goSchool());
alert("同学去学习的目的是：" + student.goSchool());
}

function Person() {
this.say = function(content) {
return content;
}
}

function Teacher() {
this.goSchool = function(){
return "教书育人";
}
}

function Student() {
this.goSchool = function(){
return "学习知识，实现梦想";
}

}

Teacher.prototype = new Person();
Student.prototype = new Person();

</script>

</head>

<body>
This is my JSP page. <br>
<input type="button" onClick="test()" value="test">
</body>
</html>