cookies、sessionStorage和localStorage --- H5学习

在H4中可以使用cookies在客户端进行保存如用户身份信息，但永久存储存在以下几个问题：

• 大小被限制在4KB左右
• 带宽： cookies随HTTP事务一起发送，占用一部分带宽
• 不便于操作: cookies没有原生的api进行支持操作 所以在H5便有了sessionStorage和localStorage的出现。

1.cookies的使用

• 通过document.cookie获取所有的cookies
• 新增一个cookie, document.cookie = newCookie, 其中newCookie使用键值对进行设置，如name=titong, 多个以分号隔开进行设置。
• 查找需要对cookies字符串进行正则匹配或比对进行查找
• 删除直接指定相应的过期时间expire即可

2.sessionStorage

• 只对当前窗口有效,临时保存
• 设置新的存储数据只需要使用setItem(key, value), key为键名， value为要存取的值。
• 读取数据使用 getItem(key)
• 删除数据使用 removeItem(key)

3.localStorage

• 将数据保存在客户端本地的硬件设备内，即使浏览器关闭，也仍然有效。
• 操作方法与sessionStorage的一致。