zoukankan html css js c++ java

json

json1

<html>
<body>
    <h2>在 JavaScript 中创建 JSON 对象</h2>
    <p>
        Name: <span id="jname"></span><br /> 
        Age: <span id="jage"></span><br />
        Address: <span id="jstreet"></span><br /> 
        Phone: <span id="jphone"></span><br />
    </p>
    <script type="text/javascript">
        var JSONObject = {
            "name" : "Bill Gates",
            "street" : "Fifth Avenue New York 666",
            "age" : 56,
            "phone" : "555 1234567"
        };
        document.getElementById("jname").innerHTML = JSONObject.name
        document.getElementById("jage").innerHTML = JSONObject.age
        document.getElementById("jstreet").innerHTML = JSONObject.street
        document.getElementById("jphone").innerHTML = JSONObject.phone
    </script>
</body>
</html>

json2

<html>
<body>
    <h2>在 JavaScript 中创建 JSON 对象</h2>
    <p>
        Name: <span id="jname"></span><br /> 
        Age: <span id="jage"></span><br />
        Sex: <span id="jsex"></span><br />
        Address: <span id="jstreet"></span><br /> 
        Phone: <span id="jphone"></span><br />
    </p>
    <script type="text/javascript">
        var JSONObject = {
            "name" : "Bill Gates",
            "street" : "Fifth Avenue New York 666",
            "age" : 56,
            "sex":"男",
            "phone" : "555 1234567"
        };
        document.getElementById("jname").innerHTML = JSONObject.name
        document.getElementById("jage").innerHTML = JSONObject.age
        document.getElementById("jsex").innerHTML = JSONObject.sex
        document.getElementById("jstreet").innerHTML = JSONObject.street
        document.getElementById("jphone").innerHTML = JSONObject.phone
    </script>
</body>
</html>

json3

<html>
<body>
    <h2>通过 JSON 字符串来创建对象</h2>
    <p>
        First Name: <span id="fname"></span>
    </p>

    <script type="text/javascript">
        var employees = [ {
            "firstName" : "Bill",
            "lastName" : "Gates"
        }, {
            "firstName" : "George",
            "lastName" : "Bush"
        }, {
            "firstName" : "Thomas",
            "lastName" : "Carter"
        } ];
        employees[1].firstName = "Chen";
        document.getElementById("fname").innerHTML = employees[1].firstName;
    </script>
</body>
</html>

json4

<html>
<body>
    <h3>通过 JSON 字符串来创建对象</h3>
    <p>
            First Name: <span id="fname"></span><br /> 
            Last Name: <span  id="lname"></span><br />
        </p>
        <script type="text/javascript">
            var txt = '{"employees":['
                    + '{"firstName":"Bill","lastName":"Gates" },'
                    + '{"firstName":"George","lastName":"Bush" },'
                    + '{"firstName":"Thomas","lastName":"Carter" }]}';

            var obj = eval("(" + txt + ")");
            document.getElementById("fname").innerHTML = obj.employees[1].firstName
            document.getElementById("lname").innerHTML = obj.employees[1].lastName
        </script>
</body>
</html>

查看全文

相关阅读:
vue零散知识
 vue router 和组件生命周期的理解
 未搞懂的问题
 前端问题总结
 垂直居中
 css，js加载阻塞页面渲染的理解
 node 学习
 自定义事件
 学习react 遇到的问题
 [AHOI2001]彩票摇奖

原文地址：https://www.cnblogs.com/jianfengyun/p/3792174.html