HTML5的web存储

  • localStorage    长久保存网站数据,需手动删除
  • sessionStorage  暂时存储,关闭自动删除
    • 保存数据:localStorage.setItem(key,value);
    • 读取数据:localStorage.getItem(key);
    • 删除单个数据:localStorage.removeItem(key);
    • 删除所有数据:localStorage.clear();
    • 得到某个索引的key:localStorage.key(index);
 1 <script>
 2     // localStorage  永久保存,手动删除
 3     // sessionStorage  暂时存储,关闭清除
 4     // 添加
 5     localStorage.setItem('count', 5);
 6     // 获取
 7     console.log(localStorage.getItem('count'));
 8     // 移除
 9     localStorage.removeItem('count');
10     console.log(localStorage.getItem('count')); //null  清空后的打印出null
11     // 清除
12     // localStorage.clear();
13     // 获取某个索引的存储名(key)
14     console.log(localStorage.key('0'));
15     // sessionStorage 的方法类似
16 </script>

 

posted @ 2020-08-19 08:46  帅气巴巴  阅读(95)  评论(0编辑  收藏  举报