cookie、localstorage、sessionstorage

本文介绍了前端开发中如何使用cookie进行简单数据存储,以及localStorage和sessionStorage的区别与应用场景,包括大小限制、生命周期和服务器通信。

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

cookie

前端通过document.cookie = “username=‘zhangsan’”,设置cookie信息,并且再次通过document.cookie =” psw=123 “设置,不是去覆盖cookie的值,是在后面追加,最终获取到的cookie值为username='zhangsan‘;psw=123,以分号分割。
如果设置的key已存在,此时为覆盖值。

cookie如果不手动设置过期时间,则会随着浏览器的关闭而清除,设置了过期时间,则会保存在内存中,直到过期时间结束才消失。

cookie的存储大小只有4k。cookie会随着http请求发送到后端。

h5提出的localstorage、sessionstorage解决了前端的存储问题

localStorage:仅在客户端存储不参与服务器通信,存储大小一般为5M,如果不是人为清除,那么即使是关闭浏览器也会一直存在。

sessionStorage:仅在客户端存储不参与服务器通信,存储大小一般为5M,会话级存储,也就是说如果关闭当前页面或者浏览器那么就会清除

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值