本地存储:localStorage,sessionStorage,和cookie。区别
创始人
2024-03-28 07:18:40
0次
localStorage:
特点:
- 永久存储
- 支持跨页面通讯,也就是在其他页面同样可以获取到你存好的数据。
- 只能存储字符串类型的数据,不能存储复杂数据类型
sessionStorage:
特点:
- 临时存储,会话级别,页面(浏览器)关闭就没了
- 虽然支持跨页面通讯,但是要求必须是从当前页面跳转过去的并且是当前窗口打开才行。
- 只能存储字符串类型的数据,不能存储复杂数据类型。

cookie:
特点:
- 只能存储字符串类型数据
- 存储的数据大小有限,只能存储4kb左右
- 会话几别的存储,浏览器关了就没了。但是我们可以设置过期时间
- cookie的操作必须依赖服务器
storage和cookie方式的区别
- cookie有js的时候就有cookie了,storage的存储方式是h5才出的
- cookie只能存储4kb左右的数据,storage可以存储20M左右
- 在做前后端交互的时候cookie的数据会随着页面请求自动携带,storage的数据不会自动携带。
- cookie前后端都可操作,storage只能前端js操作
- cookie默认是会话级别的,但是可以设置过期时间,storage不可手动设置过期时间。
相关内容