`

1.0.4 js中的对象创建

js对象的创建 
阅读更多
1.0 对象属性
2.0 创建对象有两种方式：
     2.0.1 定义并创建对象的实例
     2.0.2 使用函数来定义对象，然后创建新的对象实例




<!DOCTYPE html>
<html>
<head>
<title>js对象</title>
<script type="text/javascript">
//对象属性
function showlength(){
var x=document.getElementById("demo1");
x.innerHTML=x.innerHTML + x.innerHTML.length;
}
//创建对象有两种方式：
function createObject(){
//1 定义并创建对象的实例
var person=new Object();
person.firstname="Bill";
person.lastname="Gates";
//alert(person.firstname + " " + person.lastname);

//2 使用函数来定义对象，然后创建新的对象实例
var myperson=new myPerson("Bill","Gates",56,"blue");
myperson.changeName("张");
alert(myperson.firstname + " " + myperson.lastname);

}

//使用函数来定义对象，然后创建新的对象实例
function myPerson(firstname,lastname,age,eyecolor)
{
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;

//添加方法
this.changeName=changeName;
function changeName(name){
this.firstname=name;
}
}


</script>
</head>
<body>
<p id="demo1" onclick="showlength()">字符串长度为:<p>
<button onclick="createObject()">创建对象</button>
</body>
</html>





                                                           @dianxinxinxiyuan.xiuyanxilu.pudongqu.shanghai
分享到：
| 1.0.3 js中DOM
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics