欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

基于javascript的JSON格式页面展示美化方法_javascript技巧

程序员文章站 2022-05-18 15:50:14
...
{"name": "monkey","age": "24","height": 164.0}

如果想让以上json字符串在页面上展示的比较易读,即变成下面的style:

{ 
"name": "monkey", 
"age": "24", 
"height": 164.0cm 
}

本文介绍的方法基于javascript ,代码如下:

 
/ 
//style中是css代码 
   
//script中是javascript代码 
 //表示页面加载时调用myFunction() 
 

其中window.error_id_msgs是所要转换的json对象,css和myFunction结合可实现页面展示转换