2020-06-30 周二
LocalStorage
与SessionStorage
的主要区别:
- LocalStorage除非主动删除,否则会永久存储在浏览器中。
- SessionStorage只在当前所在窗口关闭前有效,窗口关闭后其存储数据也就会被自动清除。
LocalStorage:
LocalStorage译为“本地存储器”,是HTML5中新增的一个存储对象,跟Cookie一样也是用来本地存储来的,但是解决了Cookie存储空间不足的问题(cookie每条存储空间为4k
),而localStorage
浏览器一般支持5M
,通常以键/值对形式的字符串进行存储。
sessionStorage:
SessionStorage译为“会话存储”,也是HTML5新增的一个存储对象, 用于本地临时存储同一窗口的数据,在关闭窗口之后将会删除这些数据,SessionStorage浏览器一般支持5M,通常以键/值对形式的字符串进行存储。
两种存储方式的特点:
1.不同浏览器之间无法共享LocalStorage或SessionStorage中的数据。
2.LocalStorage和SessionStorage可以使用统一的API接口。
3.LocalStorage或SessionStorage通常以键/值对形式的字符串进行存储
,所以在存储时需要对数据格式进行转换,使用JSON.stringify方法将对象转换成字符串,提取时用JSON.parse方法将字符串转换成对象。
4.LocalStorage或SessionStorage是HTML5的新属性,所以需要较新的浏览器才支持。
LocalStorage提供了5个方法:
分别是clear(清除LocalStorage)、getItem(获取本地数据)、key(取下标对应键的值)、removeItem(删除以保存数据)、setItem(设置保存数据)。
网友评论