本地存储——localStorage的用法，与sessionStorage区别

localstorage的主要作用就是，存储数据，以便在需要的时候。

localstorage 属于window 下的对象（object）

区别：

localStorage与 sessionStorage 区别主要分两部分。

1. 容量区别：
localStorage 20M（容量较大） | sessionStorage 5M

2. 生命周期：
通过localstorage存储的数据，如果不手动删除将会一直存在，关闭浏览器再次打开数据依然存在。
通过sessionStorage存储的数据，关闭浏览器窗口就消失。

方法及含义：

方法	含义	参数
setItem(‘key’,‘value’)	储存数据	key为数据的名字，value为数据
getItem(‘key’)	读取数据	key为数据的名字
removeItem(‘key’)	删除数据	key为数据的名字
clear()	清空数据	-

使用方法详解：

一、储存数据

	window.localstage.setItem('key','value')
	// key : 数据的名称
	// value : 数据
	// 所存储的是数据必须是string类型

二、读取数据

	window.localstage.getItem('key')
	// key : 数据的名称
	// 如果数据不存在，返回null (一般用它做判断)
	

三、删除数据

	window.localstage.removeItem('key')
	// key : 数据的名称
	// 删除本地存储中的指定数据
	

四、清空数据

	window.localstage.clear()
	// 清空本地存储中的所有数据
	

实例：

代码：

效果（按F12打开控制台查看）：

写在最后

好久没总结了，现在在疫情期间，希望大家多学习少出门，注意身体，身体是革命的本钱，安全第一，健康第一，希望大家都平平安安，希望病毒赶紧消散，现在宅在家里的你一定是最美的，忘了还有男生，一定是最帅的，一起加油吧~