基于javascript的JSON格式页面展示美化方法_javascript技巧
程序员文章站
2022-05-28 17:07:28
...
{"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结合可实现页面展示转换
上一篇: 经验 - PHP高级工程师面试侧重点?
推荐阅读
-
js控制页面的全屏展示和退出全屏显示的方法_javascript技巧
-
基于javascript的JSON格式页面展示美化方法_javascript技巧
-
基于javascript的JSON格式页面展示美化方法_javascript技巧
-
json格式的时间显示为正常年月日的方法_javascript技巧
-
json格式数据的添加,删除及排序方法_javascript技巧
-
json格式的时间显示为正常年月日的方法_javascript技巧
-
json格式数据的添加,删除及排序方法_javascript技巧
-
js/jquery解析json和数组格式的方法详解_javascript技巧
-
js控制页面的全屏展示和退出全屏显示的方法_javascript技巧
-
js将json格式内容转换成对象的方法_javascript技巧