JavaScript实现本地数据简单存取以及Json数据存取

最新推荐文章于 2024-07-22 16:16:18 发布

LTIven

最新推荐文章于 2024-07-22 16:16:18 发布

阅读量1.2k

点赞数

分类专栏：前端开发需要回头看的文章 js 成长轨迹文章标签：本地存储 js

原文链接：https://www.cnblogs.com/karila/p/6060919.html

版权

前端开发同时被 3 个专栏收录

177 篇文章 3 订阅

订阅专栏

需要回头看的文章

126 篇文章 0 订阅

订阅专栏

成长轨迹

123 篇文章 0 订阅

订阅专栏

1.判断本地存储是否可用：

 
         if 
         (window.localStorage) {   
        
         // localStorge可用   
        
         } 
         else 
         {   
        
         // localStorge不可用   
        
         }

2.存储数据：　　

 
         // 获取本地存储对象   
        
         var 
         localStorage =window.localStorage;   
        
         // 存储   
        
         localStorage.setItem( 
         "key" 
         ,content);

3.取出数据　　

1	`var` `myKey =localStorage.getItem(` `"key"` `);`

4.删除指定数据　　

1	`localStorage.removeItem(` `"key"` `);`

5.清空本地数据　　

1	`localStorage.clear();`

6.存储与读取json数据　　

 
         // 定义json变量   
        
         var 
         json ={username: 
         "杨朝来" 
         ,sex:1,age:25,birthday: 
         "1990-08-21" 
         ,phonenumber:13812345678,disease: 
         "肺小结节" 
         ,insurance:1,avatar: 
         "images/male.png" 
         };   
        
         // json变量转化成json字符串   
        
         var 
         jsonstr =JSON.stringify(json);   
        
         // 存储json字符串   
        
         window.localStorage.setItem( 
         "jsonkey" 
         ,jsonstr);   
        
         // 取出json字符串   
        
         var 
         jsonstr =window.localStorage.getItem( 
         "jsonkey" 
         );   
        
         // 还原json对象   
        
         var 
         json =JSON.parse(jsonstr);   
        
         // 取出json里面的username   
        
         var 
         username =json.username;