• Day2-JS-JSON


    JavaScript JSON

    一、JSON 格式化后为 JavaScript 对象

      JSON实例:

    {"sites":[
        {"name":"Runoob", "url":"www.runoob.com"}, 
        {"name":"Google", "url":"www.google.com"},
        {"name":"Taobao", "url":"www.taobao.com"}
    ]}

    二、JSON 语法规则

    • 数据为 键/值 对。
    • 数据由逗号分隔。
    • 大括号保存对象
    • 方括号保存数组

    三、JSON 字符串转换为 JavaScript 对象

    ===通常我们从服务器中读取 JSON 数据,并在网页中显示数据

    知识点:

        1、开始的时候把JSON的代码变成JS的字符串:

       var text='{"sites":['+
        '{"name":"Runoob" , "url":"www.runbbo.com"},'+
        '{ "name":"Google" , "url":"www.google.com" },' +
        '{ "name":"Taobao" , "url":"www.taobao.com" } ]}';

    然后,使用 JavaScript 内置函数 JSON.parse() 将字符串转换为 JavaScript 对象

    obj=JSON.parse(text);

    最后就可以直接像用JS的对象一样的使用了

    <script>
        var text='{"sites":['+
        '{"name":"Runoob" , "url":"www.runbbo.com"},'+
        '{ "name":"Google" , "url":"www.google.com" },' +
        '{ "name":"Taobao" , "url":"www.taobao.com" } ]}';
    
        obj=JSON.parse(text);
        document.getElementById("demo").innerHTML=obj.sites[1].name+" "+obj.sites[1].url;
    </script>

    小扩展:

        1、javascript:void(0) 含义

    语法格式:

    <head>
    <script type="text/javascript">
    <!--
    void func()
    javascript:void func()
    
    或者
    
    void(func())
    javascript:void(func())
    //-->
    </script>
    </head>

    小实例:下面的代码创建了一个超级链接,当用户点击以后不会发生任何事。

     <a href="javascript:void(0)">单此处什么也不会发生</a>

    href="#"与href="javascript:void(0)"的区别

    # 包含了一个位置信息,默认的锚是#top 也就是网页的上端。

    而javascript:void(0), 仅仅表示一个死链接。

    在页面很长的时候会使用 # 来定位页面的具体位置,格式为:# + id

    如果你要定义一个死链接请使用 javascript:void(0) 。

    void()仅仅是代表不返回任何值,但是括号内的表达式还是要运行,如

    void(alert("Warnning!"))
    
    <a href="javascript:void(alert('Warning!!!'))">点我!</a>
  • 相关阅读:
    c++11——列表初始化
    flask学习(十二):for循环遍历
    flask学习(十一):if判断语句
    flask学习(十):模板中访问模型和字典的属性
    flask学习(九):模板渲染和参数传递
    flask学习(八):页面跳转和重定向
    flask学习(七):URL反转
    flask学习(六):URL传参
    flask学习(五):使用配置文件
    flask学习(四):debug模式
  • 原文地址:https://www.cnblogs.com/SCAU-gogocj/p/13111324.html
Copyright © 2020-2023  润新知