关闭

JS面向对象入门(jquery思想)

265人阅读 评论(0) 收藏 举报
分类:
<html> 
<head> 
<TITLE>class_obj_js_class</TITLE> 
<script language=javaScript> 
var userObj = function(){ 

}; 
userObj.prototype={ 
    age:0, 
    name:"huangbiao", 
    getUserName:function(){ 
        return this.name; 
    }, 
    getUserAge:function(){ 
        return this.age; 
    } 
} 

function getUserName(){ 
    alert(userObj.prototype.getUserName()); 
} 

function getUserAge(){ 
    alert(userObj.prototype.getUserAge()); 
} 

function newObj(){
//如果new了一个对象就可以直接访问prototype对象
	var newObj = new userObj();
	var userName = newObj.getUserName();
	alert(userName);
	var userAge = newObj.getUserAge();
	alert(userAge);
}

</script> 

<body > 
    <input type="button" value="getName" onclick="getUserName();"></input> 
	<br>
    <input type="button" value="getUserAge" onclick="getUserAge();"></input>
	<br>
    <input type="button" value="getUserAge" onclick="newObj();"></input>
</body> 
</html>

 

 

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:281996次
    • 积分:8450
    • 等级:
    • 排名:第2300名
    • 原创:1096篇
    • 转载:14篇
    • 译文:0篇
    • 评论:4条
    最新评论