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>