浏览器存储___localStorage

localStorage:

   1).自带方法:

       添加键值对：localStorage.setItem(key,value)，如果key存在时，更新value。

　　获取键值：localStorage.getItem(key)，如果key不存在返回null。

　　删除键值对：localStorage.removeItem(key)。key对应的数据将会全部删除。

　　清除所有键值对：localStorage.clear()。如果调用clear()方法，清空localStorage中所有信息，那么key、oldValue和newValue都会被设置为null。

       获取localStorage中保存的键值对的数量：localStorage.length。

　　获取localStorage的属性名称（键名称）：localStorage.key(index);

      页面监听storage:    

  window.addEventListener("storage", function(e){ 

    console.log(e); 

    document.write("oldValue: "+ e.oldValue + " newValue:" + e.newValue) 

  }); 

  2).特点:

      1 .生命周期无限长，除非主动删除
      2 .存储的信息在同一域(同一IP端口下)是共享的
      3 .大小：5M
      4 .非IE可以在本地打开，IE浏览器要在服务器中打开
      5 .本质是对字符串的读取，如果存储太多的内容会消耗内存空间，导致页面变卡
      6 .localstorage受到同源策略的限制
      7 .当本页的操作新增，修改，删除了localstorage的时候，本页是不会触发storage事件，但是别的页面会触发storage

      8.localStorage存储没有对XSS攻击有任何防御机制.相对于Cookie(HttpOnly保护)不安全;