介绍 html有什么特点 & lt; h3> GeoJsonTxt示例如下:& lt;/h3>
& lt; p>
,,,& lt; h5>注意:示例中& lt; span 风格=把丈?red"在特性、几何、坐标、属性、名称、description字段是必须有的,
,,,,,,,字段名称不能改变,需要扩展的字段可以在& lt; span 风格=把丈?red"祝辞properties里面自行添加& lt;/h5>
& lt;/p>
& lt; pre id=癵eoJsonTxt"祝辞
& lt;/pre> function showGeoJsonTxt () {
$ (& # 39;# geoJsonTxt& # 39;) . html (JsonFormat ());
}
function JsonFormat (), {
var json={
“type"才能:,“FeatureCollection"
“features"才能:,
,,,{
,,,,,“type":,“Feature"
,,,,,“geometry":, {
,,,,,,,“type":,“Point"
,,,,,,,“coordinates":,
,,,,,,,,,,123
,,,,,,,,,22日
,,,,,,,,,0
,,,,,,,)
,,,,,},
,,,,,“properties":, {
,,,,,,,“name":,“必须有的字段“,
,,,,,,,“description":,“必须有的字段“,
“age":“扩展字段,可以自行添加,扩展“,
“type":“扩展字段,可以自行添加,扩展”;
,,,,,}
,,,},
{
,,,,,“type":,“Feature"
,,,,,“geometry":, {
,,,,,,,“type":,“Point"
,,,,,,,“coordinates":,
,,,,,,,,,,123
,,,,,,,,,,
,,,,,,,,,0
,,,,,,,)
,,,,,},
,,,,,“properties":, {
,,,,,,,“name":,“必须有的字段“,
,,,,,,,“description":,“必须有的字段“,
,,,,,}
,,,}
,,)
};
if (typeof json !=, & # 39;字符串# 39;),{
时间=json JSON.stringify (json,定义,,2);
}
json =, json.replace (/,/g, & # 39;, & # 39;) .replace (/& lt;/g, & # 39; & lt; & # 39;) .replace(/在/g, & # 39;祝辞& # 39;);
return json.replace (/(“(\ \ u [a-zA-Z0-9] {4} | \ \ [^ u] | [^ \ \“]) *“(\ s *:) ? | \ b(真|假| null) \ b | - ? \ d + (?: \ \ d *) ? (?: (eE) (+/-) ? \ d +) ?)/g, function (匹配),{
,var cls =, & # 39;数字# 39;;
,if (/^“/test(匹配),{
,if (/: $/test(匹配),{
,时间=cls & # 39;关键# 39;;
,},{else
,时间=cls & # 39;字符串# 39;;
,}
,},else if (/真|假/test(匹配),{
,时间=cls & # 39;布尔# 39;;
,},else if (/空/test(匹配),{
,时间=cls & # 39;零# 39;;
,}
,return & # 39; & lt; span 类=? # 39;,+,cls +, & # 39;“祝辞& # 39;,+,match +, & # 39; & lt;/span> & # 39;;
,});
} & lt; style>
{,pre 大纲:1 px solid # ccc;,填充:,5 px;,保证金:,5 px;,}
{,.string ,颜色:绿色,,}
{,.number ,颜色:darkorange;,}
{,.boolean ,颜色:蓝色,,}
{,.null ,颜色:红色,,}
{,.key ,颜色:红色,,}
& lt;/style>
这篇文章主要介绍了html中怎么美化展示json格式数据,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。
1,简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便,适合初学前端开发者使用。 2、可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证只 3、平台无关性:超级文本标记语言能够在广泛的平台上使用,这也是万维网盛行的一个原因。 4,通用性:HTML是网络的通用语言,它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。
直接上代码:
HTML中主要加一个以前的标签
js代码:
CSS代码,显示的时候可以更加美化
效果如下:
感谢你能够认真阅读完这篇文章,希望小编分享的”html中怎么美化展示json格式数据”这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!
