一 什么是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实现页面之间的传值