• 技术文章 >web前端 >js教程

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

    2016-05-16 16:42:41原创507
    {"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结合可实现页面展示转换

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:json格式 页面美化
    上一篇:ff chrome和ie下全局动态定位的异同及全局高度的取法_javascript技巧 下一篇:原生js事件的添加和删除的封装_javascript技巧
    千万级数据并发解决方案

    相关文章推荐

    • 一文浅析angular中的组件模板• 一文搞懂JavaScript WebAPI• 值得了解的几个实用JavaScript优化小技巧• JavaScript学习理解之JSON(总结分享)• 聊聊angular中进行内容投影的方法
    1/1

    PHP中文网