Javascript Object学习1

JavaScript原生提供一个Object对象,O大写,所有其他对象都继承自这个对象;
Object本身也是一个构造函数,可以直接通过它来生成新对象;
对象的初始化有两种方式,构造函数模式和字面量模式;

下面对象o使用构造函数模式创建;对象创建之后可以添加需要的属性并赋值;

对象o1使用字面量方式创建;为属性赋值时,先是属性名,然后是冒号,然后是值;值如果是字符类型的话用引号括起;

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>动态改变div内容</title>
</head>
<body>

<button onclick="setdiv()">click me</button>
<div id="div1">
</div>
<div id="div2">
</div>
<script>
    var str="Hello Javascript!";
	var o = new Object();
	o.name = "xiong er";
	o.age = 25;
	str = o.name + "    " + o.age.toString();
	
	var o1 = {
	    name: "xiong san",	
		age:  27,
	}
	function setdiv() {
        document.getElementById('div1').innerHTML=str;
		document.getElementById('div2').innerHTML=o1.name + "    " + o1.age.toString();
	}
</script>

</body>
</html>

一开始如下; 

点击按钮运行如下;

 

猜你喜欢

转载自blog.csdn.net/bcbobo21cn/article/details/131843650