localStorge

一 什么是localStorage？

1、localStorage是一个和cookie类似的，用于浏览器存储数据，它是HTML5新加入的
2、localStorage是window下的一个对象，我们将以键值对的形式存储数据
localStorage.setItem(“name”,“skipper”)
3、localStorage改变将处罚storage事件，可以做到页面之间的交流

二、如何使用？

   localStorage的属性和方法
   setItem(k,v):设置一个键值对
   getItem(k)  :获取一个键值对
   removeItem(k):移除一个键值对
   clear()  :清除全部
   length：长度

    localStorage的storage事件
    window.addEventListenter("storage",function(e){console.log(e)})
    当localStorage发生改变，将处罚Storage事件

三、什么是LocalStorage？什么是SessionStorage？

1、LocalStorage译为“本地存储器”，是HTML5新增的一个存储对象，跟cookie一样也是用来本地存储的，但解决了Cookie存储空间不足的问题（cookie每条存储空间为4k），而localStorage浏览器一般支持5M，通常以键值对形式的字符串进行存储。
2、SessionStorage译为“回话存储”，也是HTML5新增的一个存储对象，用于临时存储同一窗口的数据，在关闭窗口将会删除这些数据，SessionStorage浏览器一般支持5M，通常以键值对形式的字符串 进行存储。
3、LocalStorage生命周期是永久的，除非主动清除LocalStorage信息，否则这些信息将一直存放在客户端上，而SessionSiorage生命周期是临时德邦，仅仅在当前会话窗口有效，关闭页面或者浏览器数据将自动被清除。

五、localStorage和sessionStorage的区别？

   localStorage和sessionStorage一样都是用来存储客户端临时信息的对象。
 - 他们均只能存储字符串类型的对象（虽然规范中可以存储其他原生类型的对象，
   但是目前为止没有浏览器对其进行实现）。
 - localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，
   否则这些信息将永远存在。
 - sessionStorage生命周期为当前窗口或标签页，一旦窗口或标签页被永久关闭了，那么所有通过
   sessionStorage存储的数据也就被清空了。

六、LocalStorage与SessionStorage的特点

1.不同浏览器之间无法共享LocalStorage或SessionStorage中的数据。
2.LocalStorage和SessionStorage可以使用统一的API接口。
3.LocalStorage或SessionStorage通常以键/值对形式的字符串进行存储，所以在存储时需要对数据格式进行
转换，使用JSON.stringify方法将对象转换成字符串，提取时用JSON.parse方法将字符串转换成对象。
4.LocalStorage或SessionStorage是HTML5的新属性，所以需要较新的浏览器才支持。

七、js利用localStorage实现页面之间的传值