localStorage.setItem('test1','test1');设置键名为test1 值为test1的一组key-value。
localStorage.getItem('test1''); 获取键名为test1的value值。
localStorage.key(0); 以百度为例。取键值的第一个数据
localStorage.key(1); 取键值的第二个数据;
H5本地存储注意事项:
1:使用前要判断浏览器是否支出;(注意:通常会使用window.localStorage判断但是不是完全正确,建议先set然后用try catch一下进行异常捕获,若捕获到异常则浏览器不支持)。
2:写数据时,需要异常处理,避免超出容量抛错;
3:避免把敏感的信息存入localStorage
4:localStorage key的唯一性
使用限制
1:存储更新策略,过期控制
2:localStorage 各个子域名之间是不能共享数据的。
3:超出存储大小后如何存储(LRU,FIFO算法)可以业务处理。 try catch一下。
4:server端如何取到;
使用场景:
1:利用本地数据,减少网络传输。
2:弱网络环境下,高延迟,低带宽,尽量把数据本地化。
此外:使用中务必判断浏览器是否支持本地存储; 没有过期时间需要自己做数据清理的业务。 做不到子域名cookie的共享;想做做到需要做跨域操作,post message
另外补充;
HTML5中提供了localStorage对象可以将数据长期保存在客户端,直到人为清除。