1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="UTF-8">
5 <title></title>
6 <!--
7 如果需要兼容IE7及以下的JSON操作，则可以通过引入一个外部的JS文件来处理
8 -->
9 </head>
10 <script type="text/javascript" src="js/json.js"></script>
11 <script type="text/javascript">
12 /*
13 JSON Javascript Object Notation JS对象表示法
14 JS中的对象JS自己认识，其他的语言都不认识
15 JSON就是一个特殊格式的字符串，可以被任意语言识别，并且可以转换为任意语言的对象
16 JSON在开发中主要用来数据的交互
17 JSON和JS对象的格式一样，只不过JSON字符串的属性名必须加双引号
18 其他语法和JS一样
19
20 JSON分类
21 1.对象{}
22 2.数组[]
23 JSON中允许的值
24 1.字符串
25 2.数值
26 3.布尔值
27 4.null
28 5.对象
29 6.数组
30 */
31 var obj='{"name":"wxy","age":18,"gender":"男"}';
32 var arr=[1,2,3,"hello",true];
33 var obj2='{"arr":[1,2,3]}';
34 /*
35 将JSON字符串转换为JS中的对象
36 在JS中，为我们提供了一个工具类，就叫JSON
37 这个对象可以帮助我们将一个JSON转换为JS对象，也可以将一个JS对象转换为JSON对象
38
39 json --> js对象
40 JSON.parse()
41 可以将以JSON字符串转换为js对象
42 它需要一个JSON字符串作为参数，会将字符串转换为JS对象并返回
43 */
44 var o=JSON.parse(obj);
45 alert(o.name);
46 /*
47 js --> json对象
48 JSON.stringify()
49 可以将一个JS对象转换为JSON字符串
50 需要一个js对象作为参数，会返回一个JSON字符串
51
52 JSON这个对象在IE7及以下的浏览器中不支持，所以在这些浏览器中调用会报错
53 */
54 var str=JSON.stringify(o);
55 alert(str);
56 /*
57 eval()
58 这个函数可以用来执行一段字符串形式的JS代码，并将执行结果返回
59 如果使用eval()执行的字符串中含有{}，它会将{}当成是代码块
60 如果不希望将其当成代码块解析，则需要在字符串前后各加一个()
61 eval()这个函数的功能很强大，可以直接执行一个字符串中的js代码，
62 但在开发中尽量不要使用，首先它的执行性能比较差，然后它还具有安全隐患
63 */
64 var str2="alert('hello')";
65 eval(str2);
66 var s='({"name":"a"})';
67 alert(eval(s));
68
69 </script>
70 <style type="text/css">
71
72 </style>
73 <body>
74 <button id="button1">点击按钮以后修改box的样式</button>
75 <br><br>
76 <div id="mymenu" class="sdmenu">
77 <div>
78 <span class="menuSpan">在线工具</span>
79 <a href="#">图像优化</a>
80 <a href="#">邮件</a>
81 <a href="#">按钮生成器</a>
82 <a href="#">收藏夹</a>
83 </div>
84 <div class="collapsed">
85 <span class="menuSpan">支持我们</span>
86 <a href="#">推荐我们</a>
87 <a href="#">联系我们</a>
88 </div>
89 <div class="collapsed">
90 <span class="menuSpan">合作伙伴</span>
91 <a href="#">工具包</a>
92 <a href="#">CSS例子</a>
93 </div>
94 </div>
95
96 </body>
97 </html>
