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对象－－json字符串      JSON.stringify()
• json字符串－－json对象     JSON.parse()

 

h5本地存储的优点

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