JS_创建对象+调用对象方法

原创于 2017-07-07 14:12:06 发布 · 4.2k 阅读

3 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

26 篇文章

订阅专栏

本文介绍了一个简单的HTML页面结构，并通过JavaScript实现动态展示人物信息的功能。使用了基本的HTML标签来构建页面布局，同时通过内联JavaScript实现了数据绑定，将一个包含姓名、年龄等属性的对象显示在页面上。

<!DOCTYPE html>
<html>
<head>
<title>12th_test</title>
<meta charset="gb2312">
</head>

<body>
<h1>这是一个标题</h1>
<p id="demo">这是一段文字</p>

<script>
	var person = {  //person是一个对象
	firstName: "John",
	lastName: "Doe",
	age: 50,
	eyeColor: "blue",
	toString: function()   //toString()是person对象的一个方法
	{
		return this.firstName + " 现在 " + this.age + " 岁<br>";
	}
	};
	document.getElementById("demo").innerHTML = person.toString();  //调用person对象的toString()方法
</script>
</body>
</html>

output: