JavaScript中创建 JSON 对象并将json对象中的值放入对应的对应的网页中

最新推荐文章于 2025-10-13 23:05:17 发布

原创最新推荐文章于 2025-10-13 23:05:17 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#json

XML XSLT XSD JSON 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一个使用JavaScript进行数据展示的简单网页案例。该案例通过内嵌的JavaScript代码将JSON对象中的数据填充到HTML元素中，并展示了如何访问和操作这些数据。尽管存在一些错误，如属性名称不一致等问题，但整体上提供了一个关于如何在网页上动态显示数据的基本思路。

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
  script

 </head>
 <body>
  <p>
	Name:<span id="jname"></span><br/>
	Age:<span id="jage"></span><br/>
	Address:<span id="jAddress"></span><br/>
	phone:<span id="jphone"></span><br/>
  </p>
	<script type="text/javascript" >
		var TMPObject={
			"peo":[{
					"name":"dqd","age":"21","adddress":"山东","phone":"110"
				},{
					"banji":"软件1403","zhuanye":"软件工程","adddress":"山东","phone":"110"
				}
			]
		};
		alert(TMPObject.peo[0]);
		document.getElementById("jname").innerHTML=TMPObject.peo[1].banji;
		
	</script>
 </body>
</html>