localStorage和sessionStorage的区别

本文介绍了localStorage和sessionStorage,二者都是存储客户端临时信息的对象,且只能存字符串类型。sessionStorage用于临时存储,关闭浏览器数据消失;localStorage可永久存储,除非手动删除。二者存入和删除数据方式基本一致,主要区别在于存储方式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

为了等下更清楚的了解二者之间的区别,这里我们先说下localS’torage和sessionStorage是什么,首先localS’torage和sessionStorage都是用来存储客户端临时信息的对象,而且都只能储存字符串类型的对象,下面我们再来讲下二者的区别吧

1.sessionStorage用于临时存储,如果关闭浏览器后再次打开就会发先之前存入的数据已经没有了,sessionStorage通过设置key值来进行存储
下面是sessionStorage的存入数据

sessionStorage.setItem("list", "张三");

既然可以存入数据,那么也可以取数据了,取数据也是通过key值来取

console.log(sessionStorage.getItem("list"));

删除存入的数据

sessionStorage.removeItem("list");

如果你只想删除某一条数据,举个例子,下面我们存入了两条数据,但是我们想删除张三那条数据,我们只需要再次存入一条李四数据就可以删除张三那条数据了

sessionStorage.setItem("list", "张三,李四");

2.localStorage可以永久存储,只要不手动删除,那么用localStorage存入的数据就可以永远存在客户端了,同sessionStorage一样,也是通过key值进行存入数据。
存入数据

localStorage.setItem("key","小明");

删除数据

localStorage.removeItem("key");

其实二者之间最大的区别在于存储方式,sessionStorage是临时存储,localStorage是永久存储,二者存入数据和删除数据的方式基本一致,这里只是简单的介绍了二者的使用方法和区别,不是很全面,勿喷。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值