cookie、localStorage、sessionStorage之间区别

这篇文章讲一下浏览器的三个存储对象：cookie、localStorage、sessionStorage。
cookie：
        （1）个数只能存20个左右
        （2）总大小只能存4KB左右
        （3）每次都会携带在HTTP头中，如果使用cookie保存过多数据会带来性能问题
localStorage：
        （1）永久保存在本地
        （2）不同浏览器之间不能进行互用
        （3）总大小能存5M左右
        （4）HTML5新增，必须新版本浏览器才能支持
        （5）仅在客户端（即浏览器）中保存，不参与和服务器的通信
sessionStorage：
        （1）暂时保存在浏览器上，当页面关闭或浏览器关闭就会清除数据
        （2）不同浏览器之间不能进行互用
        （3）总大小能存5M左右
        （4）HTML5新增，必须新版本浏览器才能支持
        （5）仅在客户端（即浏览器）中保存，不参与和服务器的通信

localStorage、sessionStorage的属性与方法（一模一样的）：
        （1）storage.length：获取storage的长度
        （2）storage.setItem(key, value)：新增或修改某一个key
        （3）storage.getItem(key)：通过key来获取对应的值
        （4）storage.key(index)：通过索引来获取对应的key名，从0开始
        （5）storage.removeItem(key)：通过key来删除对应项
        （6）storage.clear()：删除所有的storage