52.js自定義物件使用基礎
阿新 • • 發佈：2022-04-13
<head>
<meta charset="UTF-8">
<title>1.js自定義物件使用基礎</title>
</head>
<body>
<div id="show1">
<span>物件1的內容</span>
</div>
<hr>
<div id="show2">
<span>物件2的內容</span>
</div>
</body>
<script>
<!--1宣告自定義物件-->
var obj1 = {
id: 1001
, name: "張三"
, gender: 1
, nickName: "隔壁老張"
, showInfo: function () {
var msg = "id: " + this.id + "<br>"
+ "name: " + this.name + "<br>"
+ "gender: " + this.gender + "<br>"
+ "nickName: " + this.nickName + "<hr>";
var new_span = document.createElement("span");
document.getElementById("show1").appendChild(new_span);
new_span.innerHTML = msg;
}
};
obj1.showInfo();
/*2.建立物件2*/
var obj2 = {};
obj2.username = "黑山老妖"
obj2.password = "123456"
obj2.gender = 1;
obj2.showInfo = function(){
var msg = "username: " + this.username + "<br>"
+ "password: " + this.password + "<br>"
+ "gender: " + this.gender + "<hr>";
var new_span = document.createElement("span");
document.getElementById("show2").appendChild(new_span);
new_span.innerHTML = msg;
}
obj2.showInfo();
</script>