《基于javascript的json格式页面展示美化_2.doc》由会员分享,可在线阅读,更多相关《基于javascript的json格式页面展示美化_2.doc(3页珍藏版)》请在金锄头文库上搜索。
基于javascript的JSON格式页面展示美化1name: monkey,age: 24,height: 164.0如果想让以上json字符串在页面上展示的比较易读,即变成下面的style:12name: monkey,3age: 24,4height: 164.0cm5本文介绍的方法基于javascript ,代码如下:0102/03/style中是css代码0405body0607white-space: pre;08font-family: monospace;091011/script中是javascript代码1213window.error_id_msgs = ;14function myFunction 15document.body.innerHTML = ;16document.body.appendChild(document.createTextNode(JSON.stringify(window.error_id_msgs, null, 4);17181920/表示页面加载时调用myFunction2122其中window.error_id_msgs是所要转换的json对象,css和myFunction结合可实现页面展示转换