本地存储和cookie
一、本地存储
本地存储包括localStorage、sessionStorage
localStorage用法
保存数据:localStorage.setItem(key,value);
读取数据:localStorage.getItem(key);
删除指定单个数据:localStorage.removeItem(key);
删除所有数据:localStorage.clear();
得到某个索引的key:localStorage.key(index);
sessionStorage用法
不管是 localStorage,还是 sessionStorage,可使用的API都相同,
保存数据:sessionStorage.setItem(key,value);
读取数据:sessionStorage.getItem(key);
删除指定单个数据:sessionStorage.removeItem(key);
删除所有数据:sessionStorage.clear();
得到某个索引的key:sessionStorage.key(index);
二、js使用cookie用法
https://www.runoob.com/js/js-cookies.html
三者的区别
分类 | 区别 |
---|---|
localStorage | 理论上永久有效的,除非主动清除。4.98MB(约5M)(不同浏览器情况不同,safari 2.49M)保存在客户端,不与服务端交互。节省网络流量 |
sessionStorage | 仅在当前网页会话下有效,关闭页面或浏览器后会被清除。4.98MB(约5M)(部分浏览器没有限制)保存在客户端,不与服务端交互。节省网络流量 |
cookie | 默认保存在内存中,随浏览器关闭失效(如果设置过期时间,在到过期时间后失效)存储大小4KB, 保存在客户端,每次请求时都会带上 |