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);
网友评论