基于javascript的json格式页面展示美化_4

《基于javascript的json格式页面展示美化_4》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习，了解了党的发展历程，对党的性质、宗旨、任务等基本知识有了进一步的了解基于javascript的JSON格式页面展示美化　　1　　{"name":"monkey","age":"24","height":164.0}　　如果想让以上json字符串在页面上展示的比较易读，即变成下面的style:　　1　　{　　2　　"name":"monkey",　　3　　"age":"24",　　4　　"height":164.0cm　　5　　}　　本文介绍的方法基于javascript

2、，代码如下：　　01　　　　02　　/　　03对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确，更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习，了解了党的发展历程，对党的性质、宗旨、任务等基本知识有了进一步的了解　　//style中是css代码　　04　　　　05　　body　　06　　{　　07　　white-space:pre;　　08　　font-family:monospace;　　09　　}　　10　　　　11　　//script中

3、是javascript代码　　12　　　　13　　window.error_id_msgs=;　　14对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确，更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习，了解了党的发展历程，对党的性质、宗旨、任务等基本知识有了进一步的了解　　functionmyFunction(){　　15　　document.body.innerHTML="";　　16　　document.body.appendChild(d

4、ocument.createTextNode(JSON.stringify(window.error_id_msgs,null,4)));　　17　　}　　　18　　　　19　　　　20　　　//表示页面加载时调用myFunction()　　21　　　　22　　　　其中window.error_id_msgs是所要转换的json对象，css和myFunction结合可实现页面展示转换　　对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确，更感到只有中国共产党是全中国最广大人民利益的忠实代表