Html5离线存储

【Html5离线存储】
Cookie存储的特点
1.cookie由服务器创建,第一次响应后,记录在浏览器
2.每次请求,cookie都会发动到服务器
3.每次响应,cookie都会推送到浏览器
4.在浏览器读取cookie比较繁琐
5.cookie容量小,只有4kb

Storage存储 : sessionStorage / localStorage
1.数据生命周期:
sessionStorage数据创建到浏览器页签关闭
localStorage数据创建到用户手动清除,或者使用clear(), removeItem(key)删除
2.数据共享:
sessionStorage 条件:同一个浏览器页签
localStorage条件:相同域名(协议,域名,端口)的不同网址
3.数据使用场景:
频繁操作且安全性不高的数据
4.可存储的数据格式:
. 数字,字符串,如果实JSON对象,需要使用 JSON.stringify(JSON对象)把其转换成字符串再存储。 获取后再调用JSON.parse(JSON的字符串)转成JSON对象再使用。

Storage存储常用方法及属性
setItem(key, value)增加一条数据
getItem(key)根据key值获取一条数据
removeItem(key)根据指定的key删除一条数据
clear()清除所有数据
key(num)获取指定索引位的key值
length数据项个数










    推荐阅读