Jquery HTML5 LocalStorage 操作使用

最近在企业号开发中遇到个问题,用户通过Click或其他事件进入新页面的时候希望点击返回的页面内容还是之前的,

因为微信自带浏览器安卓和IOS版本在返回后都会自动刷新当前页面,重新到后台获取数据(只基于本身服务器的页面),

所以存在用户操作不合理的问题,在查遍很多资料后发现LocalStorage可以解决这种问题.废话不多说,直接上代码.

储存值:

localStorage.setItem("key","value");//存储变量名为key，值为value的变量;  

localStorage.key = "value"//存储变量名为key，值为value的变量;  

获取值:

var Str=localStorage.getItem("key");//获取存储的变量key的值;

var Str=localStorage.key;//获取存储的变量key的值;  

删除:

localStorage.removeItem("key")//删除变量名为key的存储变量;  

**JS操作的时候在所有方法前面加上window即可

 

localStorage特性:

• 是对Cookie的优化
• 没有时间限制的数据存储
• 在隐私模式下不可读取
• 大小限制在500万字符左右，各个浏览器不一致
• 在所有同源窗口中都是共享的
• 本质是在读写文件，数据多的话会比较卡（firefox会一次性将数据导入内存）
• 不能被爬虫爬取，不要用它完全取代URL传参
• IE７及以下不支持外，其他标准浏览器都完全支持

简单来说localStorage可以像Map集合一样以键值对的格式将所需要存放的数据存放在Cookie中,

当返回时只需将localStorage储存的值以Key的方式获取出来,set到所需要的地方即可.当然localStorage

只是针对于上一个页面小部分数据的保存,以前没怎么用过感觉发现新大陆一样,所以记录一下,H5真是个神器哈哈哈哈哈~