天天看点

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的新属性,所以需要较新的浏览器才支持。
           
localStorge

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

localStorge
localStorge
localStorge
localStorge

继续阅读