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>