Web Storage:浏览器端数据储存机制

201 阅读1分钟

sessionStorage

sessionStorage 保存的数据用于浏览器的一次会话(session),当会话结束(通常是窗口关闭),数据被清空。

localStorage

localStorage保存的数据长期存在,下一次访问该网站的时候,网页可以直接读取以前保存的数据。

除了保存期限的长短不同,这两个对象的其他方面都一致。
与 Cookie 一样,它们也受同域限制。某个网页存入的数据,只有同域下的网页才能读取,如果跨域操作会报错

存储

// 下面三种写法等价
window.localStorage.foo = '123';
window.localStorage['foo'] = '123';
window.localStorage.setItem('foo', '123');
注意,Storage.setItem()两个参数都是字符串。如果不是字符串,会自动转成字符串,再存入浏览器。

删除

这个方法会清除某个键名对应的键值,它接受键名作为参数,如果键名不存在,该方法不会做任何事情。

sessionStorage.removeItem('key');
localStorage.removeItem('key');

清除

Storage.clear()方法用于清除所有保存的数据。该方法的返回值是undefined。

window.sessionStorage.clear()
window.localStorage.clear()