最近在企业号开发中遇到个问题,用户通过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传参
- IE7及以下不支持外,其他标准浏览器都完全支持
简单来说localStorage可以像Map集合一样以键值对的格式将所需要存放的数据存放在Cookie中,
当返回时只需将localStorage储存的值以Key的方式获取出来,set到所需要的地方即可.当然localStorage
只是针对于上一个页面小部分数据的保存,以前没怎么用过感觉发现新大陆一样,所以记录一下,H5真是个神器哈哈哈哈哈~