H5存储方式

html4.0---存储数据用cookie

缺点：

1.存储大小只有4kb

2.cookie的存储随着http事物一起发送，浪费流量

3.操作复杂，封装和兼容性处理

 

html5.0---webstorage

形式：

1.localStorage（本地存储）--永久性存储在浏览器本地，只要不手动删除，就不会消失（安全性差、不能跨域名访问、不能跨浏览器访问）

2.sessionStorage（临时性存储）--从网页打开到浏览器关闭，数据存储在session对象中--浏览器关闭数据消失（安全性相对高）

语法：

设置-存储数据

 XX-setItem(key,value)---key:存储数据的名字，value：对应的数据值

XX:localStorage  / sessionStorage

当前key名已存在：修改（覆盖）数据  /  key名不存在：保存数据

 

获取数据                                                                删除数据                                  清空数据     

XX.getItem(key)  key名存在，获取数据                       XX.removeItem(key)                XX.clear()

 

获取长度
XX.length---获取的是整个浏览器当前对象下存储的总数据的个数
XX.key(index)－－key（）获取的是数据的key名－－index－－数据下标

 

转换

json对象－－json数据串（字符串） JSON.stringify()

json字符串－－json对象 JSON.parse()

 

h5本地存储的优点
1/代码少，操作简单
2/存储最小5M
3/不会随着http事务一起发送
4/移动端普及高