前端札记--存储对象

关于前端界面中存储：localStorage存储和sessionStorage存储

　　相关代码

 1 <html>
 2 <script>
 3 if(!window.localStorage){
 4             alert("浏览器支持localstorage");
 5         }else{
 6             var storage=window.localStorage;
 7             var data={
 8                 name:'xiecanyong',
 9                 sex:'man',
10                 hobby:'program'
11             };
12             var d=JSON.stringify(data);
13             storage.setItem("data",d);
14             console.log(storage.data);
15         }
16     var storage=window.localStorage;
17     var data={
18         name:'xiecanyong',
19         sex:'man',
20         hobby:'program'
21     };
22     var d=JSON.stringify(data);
23     storage.setItem("data",d);
24     //将JSON字符串转换成为JSON对象输出
25     var json=storage.getItem("data");
26     var jsonObj=JSON.parse(json);
27     console.log(typeof jsonObj);
28     console.log(jsonObj['sex']);
29     if(!Window.sessionStorage){
30         alert("浏览器支持sessionStorage");
31     }else{
32      alert("浏览器不支持相关的存储形式");
33     }
34 </script>
35 </html>

localstorage存储中都是以字符串的形式进行存储的。
1. 　　将JSON 格式转化成字符串进行相关的存储： Json.Stringify
2. 　　将字符串格式转化成 JSON格式进行相关的解析操作：Json.parse

来源：https://www.cnblogs.com/NeverTooOldToLearn/p/11933141.html

标签

对象存储

data

localstorage

易学教程内所有资源均来自网络或用户发布的内容，如有违反法律规定的内容欢迎反馈！
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!