localStorage、sessionStorage、cookie用法(简单粗暴)

本文介绍了Web存储的三种方式:localStorage、sessionStorage和cookie。localStorage提供长期的本地数据存储,容量为5MB;sessionStorage用于页面会话存储,关闭浏览器后数据消失;cookie存储空间较小(4KB),但可设置过期时间,未设置时随浏览器关闭消失。
摘要由CSDN通过智能技术生成

localStorage:

增加:localStorage.setItem(名称,值);

获取:localStorage.getItem(名称);

删除一个:localStorage.removeItem(名称);

删除全部:localStorage.clear();

sessionStorage:

增加:sessionStorage.setItem(名称,值);

获取:sessionStorage.getItem(名称);

删除一个:sessionStorage.removeItem(名称);

删除全部:sessionStorage.clear();

cookie:

document.cookie

localStorage、sessionStorage、cookie区别

1、存储大小的区别,cookie为4k,sessionStorage和localStorage都是5Mb

2、存储时间,localStorage是本地存储时间可以很久很久,sessionStorage是页面会话级存储当关闭浏览器时存储的东西消失,cookie可以设置时间,时间消失时候数据消失,如果没有设置时间,则浏览器关闭时,存储数据消失。

localStoragesessionStoragecookie都是在Web开发中用于在浏览器端存储数据的机制。 localStorage是一种持久化存储机制,数据会一直保存在浏览器中,直到被显式清除或通过代码删除。存储在localStorage中的数据可以跨会话和页面保持不变,即使浏览器关闭和重新打开也不会丢失。localStorage只能通过JavaScript访问,它提供了setItem、getItem和removeItem等方法来操作存储的数据。 sessionStorage也是一种存储数据的机制,但与localStorage不同的是,存储在sessionStorage中的数据仅在当前会话(当前标签页或窗口)中有效。当会话结束(标签页或窗口关闭)时,存储在sessionStorage中的数据就会被清除。sessionStorage的使用方法和localStorage相似,也是通过setItem、getItem和removeItem等方法来操作数据。 cookie是一种在浏览器和服务器之间传递的小型文本文件,用于存储会话相关的信息。与localStoragesessionStorage不同,cookie的数据会随着每个HTTP请求发送到服务器端,并且可以设置过期时间。由于cookie会在每个请求中传输,所以存储在cookie中的数据大小有限制(通常为几KB)。可以使用JavaScript或服务器端语言来设置和读取cookie。 总结:localStoragesessionStorage主要用于在浏览器端持久化存储数据,而cookie主要用于在浏览器和服务器之间传递会话相关的信息。具体使用哪种机制取决于实际需求。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值