# 16.Web存储接口, 实现数据的读写

# 1.sessionStorage的使用:存储数据到本地。 存储的容量5MB左右

1.这个数据本质是存储在当前页面的内存中
2.它的生命周期为关闭当前页面,关闭页面,数据会自动清除

setItem(key, value):存储数据,以键值对的方式存储
getItem(key):       获取数据,通过指定名称的key获取对应的value值
removeItem(key):    删除数据,通过指定名称的key删除对应的值
clear(): 清除所有存储的内容
1
2
3
4
5
6
7

# 2.localStorage的使用

1.存储的内容大概是20M
2.不同浏览器不能共享数据,但是在同一个浏览器的不同窗口中可以共享数据
3.永久生效, 它的数据是存储在硬盘上,不会随浏览器的关闭而清除

setItem(key, value):存储数据,以键值对的方式存储
getItem(key):获取数据,通过指定名称的key获取对应的value值
removeItem(key): 删除数据,通过指定名称的key删除对应的值
clear(): 清除所有存储的内容
1
2
3
4
5
6
7
8
上次更新: 2020/10/22 下午7:16:05