简介
localstorage和sessionstorage都是用来存储客户端临时信息的对象。为什么要掌握localstorage和sessionstorage呢?因为js会经常用到保存数据到本地的功能。
两者的区别
1.localstorage生命周期是永久的,如果用户没有清除信息,将会永久存在。sessionstorage生命周期为当前窗口或者标签页,一旦窗口或者标签页关闭了,sessionstorage的数据也就被永久清除了。
2.相同浏览器下不同页面可以共享相同的localstorage,但是不能共享sessionstorage的信息。
两者的共同点
1.他们都只能存储字符串类型的对象。
2.不同浏览器不能共享localstorage或sessionstorage中的信息。
用法
//根据key获取对应的值;
window.sessionStorage.getItem(key);
window.localStorage.getItem(key);
//新增key-value,若key已存在,则更新value;
window.sessionStorage.setItem(key,value);
window.localStorage.setItem(key,value);
//根据key移除对应的值
window.sessionStorage.removeItem(key);
window.localStorage.removeItem(key);
//移除全部key-value
window.sessionStorage.clear();
window.localStorage.clear();
//根据索引获取对应key
window.sessionStorage.key(index);
window.localStorage.key(index);