Web 存储(localStorage和sessionStorage)指南

HTML5 Web存储为用户浏览网页数据提供了两种本地存储的方式localStorage和sessionStorage。
Web 存储更佳安全与快速,取代了cookie进行本地存储。
这些数据只用于用户请求网站数据,不会被保存在服务器上。
存储限制一般在10M以内,不同浏览器略有差异,本地存储不影响网站的性能。

localStorage - 用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去除。
sessionStorage - 用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据。

sessionStorage和localStorage只能存字符串,针对对象需要存储storage的话可以序列化一下达到效果:

通用API(以下localStorage和sessionStorage可互换)

添加 / 保存:
localStorage.keyName = 'value';
localStorage.setItem('keyName', 'value');

访问:
localStorage.keyName;
localStorage.getItem('keyName');

删除:
localStorage.removeItem('keyName');

清空:
localStorage.clear();

使用key()方法获得某个位置的keyName:
localStorage.key(index);

你可能感兴趣的:(Web 存储(localStorage和sessionStorage)指南)