1. <!DOCTYPE html>
2. <html>
3.     <head>
4.         <meta charset="UTF-8">
5.         <meta name="viewport" content="width=device-width, initial-scale=1.0">
6.         <meta http-equiv="X-UA-Compatible" content="ie=edge">
7.         <title>Navigator</title>
8.         <style>
9.
10.         </style>
11.     </head>
12.     <body>
13.         <script>
14.             console.log(window.navigator)
15.             // 获取浏览器和操作系统的一些基本信息
16.
17.             console.log(navigator.userAgent)
18.             // 通常会被服务端使用来判断访问者使用的设备信息
19.
20.             // JSON:JavaScript Object Notation
21.             var me = {
22.                 'name': 'BaoQiang',
23.                 'age' : 3,
24.                 'curse':{
25.                     'name':'HTML5'
26.                 }
27.             }
28.             // 对象字面量 =》符合JSON数据的标准 =》 JSON
29.             // JSON可以网络传播数据 而且各种平台都有非常好的支持
30.             // 通常被用来作为数据交换标准
31.             // JSON在大多数领域都取代了XML
32.             // 比如 iOS Android开发 windows APP开发都已经转向JSON
33.
34.             console.log(me)
35.
36.             //XML
37.             //  <person>
38.             //        <name>BaoQiang</name>
39.             //        <age>3</age>
40.             //      <curse>
41.             //             <name>HTML5</name>
42.             //         </curse> 
43.             //  </person>
44.             // XML占用空间比较大
45.             // XML解析时使用代码非常多 而且难写
46.
47.             var str = JSON.stringify(me)
48.             console.log(str)
49.             // 把一个对象转换成字符串 序列化
50.             // 对象在内存中是并列展开 是有结构的 序列号后 会变成字符串 变成了线性结构
51.
52.             var str2 = JSON.parse(str)
53.             // 将字符串转化为对象 即反序列化
54.             console.log(str2)
55.         </script>
56.     </body>
57. </html>