本地存储cookie、sessionStorage、localStorage

什么是cookie、sessionStorage、localStorage?

ookie、sessionStorage、localStorage都是浏览器的本地存储。

cookie、sessionStorage、localStorage共同点

都是存储在浏览器本地的

cookie、sessionStorage、localStorage的区别

ookie是由服务器端写入的,而sessionStorage、localStorage都是前端写入的。
cookie的生命周期是由服务器端在写入的时候就设置好的,而localStorage是写入就一直存在,除非手动清除,sessionStorage是页面关闭的时候就会自动清除。
cookie的存储空间比较小为4KB,sessionStorage、localStorage存储空间比较大,大概5M。
cookie、sessionStorage、localStorage数据共享都遵循同源原则,sessionStorage还限制必须是同一个页面。
在前端给后端发送请求的时候会自动携带Cookie中的数据,sessionStorage、localStorage不会。
Cookie一般用于存储登录验证信息SessionID或者token,localStorage一般用于存储不易变动的数据,
sessionStorage可以用来检测用户是否是刷新进入页面。

Cookie用法

1.写入:document.cookie=‘username=xxxx’;
2.读取:document.cookie;

localStorage用法

1.存储:localStorage.setItem(‘username’,‘alex’);
2.获取:localStorage.getItem(‘username’);
3.单独删除:localStorage.removeItem(‘username’);
4.全部删除:localStorage.clear();
5.自动填充:一般是用在form表单,在表单提交的时候把需要填充的数据保存在localStorage,
下次输入前取到对应的值进行填充即可。

sessionStorage用法

1.存储:sessionStoragesetItem(‘username’,‘alex’);
2.获取:sessionStorage.getItem(‘username’);
3.单独删除:sessionStorage.removeItem(‘username’);
4.全部删除:sessionStorage.clear();

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值