标签：面向对象 js
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<style>
*{padding:0; margin:0}
#btn{width:80px;height:30px; border:1px solid #0094ff; background:#eee; line-height:30px; margin:10px auto; text-align:center;cursor:pointer;}
#clearbtn { width: 80px; height: 30px; border: 1px solid #0094ff; background: #eee; line-height: 30px; margin: 10px auto; text-align: center; cursor: pointer; }
</style>
</head>
<body>
<script>
var defalt = {
‘name‘: ‘小黄毛‘,
‘six‘: ‘男‘,
‘age‘: 18
}
var people = function () {
this.name = defalt.name;
this.six = defalt.six;
this.age = defalt.age;
this.doHomeWrok = function (obj) {
obj = obj || "";
var name = obj.name || this.name;
var age = obj.age || this.age;
var six = obj.six || this.six;
var oBox = document.getElementById(‘box‘);
oBox.innerHTML = ‘在下‘ + name + ‘,性别‘ + six + ‘,芳龄‘ + age;
}
}
people.prototype.getAll = function (options) {
options = options || "";
var name = options.name || this.name;
var six = options.six || this.six;
var age = options.age || this.age;
return ‘在下‘ + name + ‘,性别‘ + six + ‘,芳龄‘ + age;
}
var hulong = new people();
var hl = { ‘name‘: ‘大黄猫‘,‘six‘:‘女‘,‘age‘:15 }
console.info(hulong.getAll(hl));
function clearDoHomeWrok() {
var oBox = document.getElementById(‘box‘);
oBox.innerHTML = "";
}
</script>
<div id="btn" onclick="hulong.doHomeWrok(hl)" >click me</div>
<div id="clearbtn" onclick="clearDoHomeWrok()">clear</div>
<div id="box" style="width:200px; height:80px; text-align:center;line-height:80px;border:1px solid #0094ff;margin:50px auto;"></div>
</body>
</html>标签：面向对象 js
原文地址：http://11070483.blog.51cto.com/11060483/1813954
