基于javascript的JSON格式页面展示美化方法
{"name": "monkey","age": "24","height": 164.0}
如果想让以上json字符串在页面上展示的比较易读，即变成下面的style:
{
"name": "monkey",
"age": "24",
"height": 164.0cm
}
本文介绍的方法基于javascript ，代码如下：
<html>
<head>/
//style中是css代码
<style type="text/css">
body
{
white-space: pre;
font-family: monospace;
}
</style>
//script中是javascript代码
<script>
window.error_id_msgs = <%= error_id_msgs | raw %>;
function myFunction() {
document.body.innerHTML = "";
document.body.appendChild(document.createTextNode(JSON.stringify(window.error_id_msgs, null, 4)));
}
</script>
</head>
<body onload="myFunction()"> //表示页面加载时调用myFunction()
</body>
</html>
其中window.error_id_msgs是所要转换的json对象，css和myFunction结合可实现页面展示转换
-
本文向大家介绍JavaScript格式化json和xml的方法示例，包括了JavaScript格式化json和xml的方法示例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JavaScript格式化json和xml的方法。分享给大家供大家参考，具体如下： 格式化json实例 这里使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/cod
-
本文向大家介绍js基于cookie方式记住返回页面用法示例，包括了js基于cookie方式记住返回页面用法示例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了js基于cookie方式记住返回页面的用法。分享给大家供大家参考，具体如下： 首先明确以下概念 ①. 同名的 cookie，不同的 domain 或不同的 path，属不同的 cookie； 同名的 cookie，相同的 domain
-
8.6. 基于 dictionary 的字符串格式化 为什么学习 locals 和 globals? 因为接下来就可以学习关于基于 dictionary 的字符串格式化。或许您还能记起, 字符串格式化 提供了一种将值插入字符串中的一种便捷的方法。值被列在一个 tuple 中, 按照顺序插入到字符串中每个格式化标记所在的位置上。尽管这种做法效率高，但还不是最容易阅读的代码，特别是当插入多个值的时候。
-
本文向大家介绍jQuery中将json数据显示到页面表格的方法，包括了jQuery中将json数据显示到页面表格的方法的使用技巧和注意事项，需要的朋友参考一下 jQuery中将json数据显示到页面表格代码。stu模拟的就是一个数据库，假设我们的数据已经是json 的文件格式，接下来就是将这个json文件里面的数据显示到页面的表格上。 以上这篇jQuery中将json数据显示到页面表格的方法就是小
-
本文向大家介绍基于JavaScript实现表格滚动分页，包括了基于JavaScript实现表格滚动分页的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了js实现表格滚动分页展示的具体代码，供大家参考，具体内容如下 CSS: JS: 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持呐喊教程。
-
问题内容： 您是否知道JavaScript的“ JSON Beautifier”？ 从 至 例 问题答案： 程序格式化解决方案： 许多现代浏览器（包括IE8）支持的方法可以输出美化的JSON字符串： 此方法还包含在json2.js中，用于支持较旧的浏览器。 手动格式化解决方案 如果您不需要以编程方式进行操作，请尝试JSON Lint 。它不仅会美化您的JSON，还将同时对其进行验证。