一 H5本地存储 Storage(组数)
·ps:本地存储是存在用户的浏览器中
1.大小:最小为5MB,可以申请更大的空间
2.不会随HTTP请求发送给服务器
3.操作简单
4.移动端普及高
分为:localStorage与sessionStorage两种
二 localStorage
1.认识
localStorage为永久性保存数据,不会随着浏览器的关闭而消失,可以在同域名跨页访问。
2.检测
window.localStorage 为如果存在,说明浏览器支持 ,如果不存在说明浏览器版本太低.
3.操作
1)设置 localStorage.setItem(‘键’,’值’); 设置相同键时会覆盖原来的值
2)读取 localStorage.getItem(‘键’); 读取键对应的值
3)查看长度 localStorage.length(); 查看Storage中的全部长度
4)查看键 localStorage.key(‘下标’) 查看下标中对应的键
5)删除 localStorage.removeItem(‘键’): 删除指定键与对应的值
6)清除 localStorage.clear(); 清楚前面域名中所有的localStorage
4.存储类型:
Storage只能存储字符串,但如果需要存储数组与对象类型时,需要先把数组或对象转换为字符串在去写入到storage中,在读取时在把字符串转换为json对象
JSON.stringify(数组或对象) 把数组与对象转换为json字符串
JSON.parse(json字符串) 把json字符串转换为json对象
5.Storage事件
当同源下的localStorage与sessionStorage中的数据被修改删除除时,会触发storage事件,但这事件与传统事件不同, 需要在同源下的其它页面改变数据时, 另外页面的事件才会被触发, 同时需