当前位置：网站首页>h5本地存储数据sessionStorage、localStorage

h5本地存储数据sessionStorage、localStorage

2022-04-23 06:24:00 【资深咸鱼~】

1、特性:

(1)设置读取方便

(2)容量比较大,sessionStorage约5M,localStorage约20M

(3)只能存储字符串

(4)JASON转字符串:JSON.stringify(json)

2、window.sessionStorage

(1)生命周期:关闭浏览器,数据消失

(2)只能在当前页面(同一窗口)数据共享

例子：

 var data = {"name":"小陈","age":19}
 window.sessionStorage.setItem('data',JSON.stringify(data))

3、window.localStorage

(1)永久生效，除非手动删除

(2)同一域名地址下的多页面共享数据

例子：

 var data1 = {"name":"小王","age":21}
 window.localStorage.setItem('data1',JSON.stringify(data1))

打开其他本地html文件后查看浏览器即可看到同样有数据

4、方法

(1)setItem(key,value) 设置存储内容

(2)getItem(key) 读取存储内容

(3)removeItem(key) 删除键值为key的存储内容

(4)clear() 清除所有存储内容

版权声明
本文为[资深咸鱼~]所创，转载请带上原文链接，感谢
https://blog.csdn.net/qq_51644702/article/details/124291075