cookie + localStorage + sessionStorage 存与取

 元素的存取删：

        sessionStorage：

            1 、存在当前页面  session对象中，会话存储

            2、 临时保存，关闭浏览器就自动清除了     

            3、存储位置：保存在客户端，不与服务器进行交互通信。

            4、存储内容类型：存储字符串类型，对于复杂的对象可以使用ECMAScript提供的JSON对象的stringify和parse来处理

  localStorage:

             1 、localStorage永久存在 存在你的电脑硬盘里 可以在f12看见 只能手动删

             2、 哪个浏览器存哪个浏览器才有 其他浏览器没有     

             3、存储位置：保存在客户端，不与服务器进行交互通信。

             4、存储内容类型：存储字符串类型，对于复杂的对象可以使用ECMAScript提供的JSON对象的stringify和parse来处理

　

   cookie ：   

       1、cookie保存在浏览器端

        2、安全性低

       3、大小受限，只有4KB

       4、可以来判断用户是否登录过，实现自动登录　

          //  存 window.sessionStorage/localStorage.setItem("名字","值")

         //  取 window.sessionStorage/localStorage.getItem("名字")

        //  删除 window.sessionStorage/localStorage.removeItem("名字")

       //  全部删除 window.sessionStorage/localStorage.clear()



           setItem (key, value) ——  保存数据，以键值对的方式储存信息。

      　　 getItem (key) ——  获取数据，将键值传入，即可获取到对应的value值。

        　　removeItem (key) ——  删除单个数据，根据键值移除对应的信息。

        　　clear () ——  删除所有的数据

        　　key (index) —— 获取某个索引的key

   

使用方法：

(1)sessionStorage：
保存数据：

sessionStorage.setItem("key","value");
//或者写成
sessionStorage.key="value";
//
sessionStorage.xianlu = JSON.stringify(this.option);

读取数据:

变量=sessionStorage.getItem("key");
//或者写成
变量=sessionStorage.key;
//
this.option=JSON.parse(sessionStorage.xianlu)

(2)localStorage:

保存数据：

localStorage.setItem("key","value");
//或者写成
localStorage.key="value";
//
localStorage.xianlu = JSON.stringify(this.option);

读取数据:

变量=localStorage.getItem("key");
//或者写成
变量=localStorage.key;
//
this.option=JSON.parse(localStorage.xianlu)