本地存储:localStorage,sessionStorage,和cookie。区别
创始人
2024-03-28 07:18:40
0

localStorage:

特点:

  1. 永久存储
  2. 支持跨页面通讯,也就是在其他页面同样可以获取到你存好的数据。
  3. 只能存储字符串类型的数据,不能存储复杂数据类型

sessionStorage:

特点:

  1. 临时存储,会话级别,页面(浏览器)关闭就没了
  2. 虽然支持跨页面通讯,但是要求必须是从当前页面跳转过去的并且是当前窗口打开才行。
  3. 只能存储字符串类型的数据,不能存储复杂数据类型。

 

 

cookie:

特点:

  1. 只能存储字符串类型数据
  2. 存储的数据大小有限,只能存储4kb左右
  3. 会话几别的存储,浏览器关了就没了。但是我们可以设置过期时间
  4. cookie的操作必须依赖服务器

storage和cookie方式的区别

  1. cookie有js的时候就有cookie了,storage的存储方式是h5才出的
  2. cookie只能存储4kb左右的数据,storage可以存储20M左右
  3. 在做前后端交互的时候cookie的数据会随着页面请求自动携带,storage的数据不会自动携带。
  4. cookie前后端都可操作,storage只能前端js操作
  5. cookie默认是会话级别的,但是可以设置过期时间,storage不可手动设置过期时间。

相关内容

热门资讯

【PdgCntEditor】解... 一、问题背景 大部分的图书对应的PDF,目录中的页码并非PDF中直接索引的页码...
监控摄像头接入GB28181平... 流程简介将监控摄像头的视频在网站和APP中直播,要解决的几个问题是:1&...
在Word、WPS中插入AxM... 引言 我最近需要写一些文章,在排版时发现AxMath插入的公式竟然会导致行间距异常&#...
protocol buffer... 目录 目录 什么是protocol buffer 1.protobuf 1.1安装  1.2使用...
修复 爱普生 EPSON L4... L4151 L4153 L4156 L4158 L4163 L4165 L4166 L4168 L4...
Windows10添加群晖磁盘... 在使用群晖NAS时,我们需要通过本地映射的方式把NAS映射成本地的一块磁盘使用。 通过...
Fluent中创建监测点 1 概述某些仿真问题,需要创建监测点,用于获取空间定点的数据࿰...
ChatGPT 怎么用最新详细... ChatGPT 以其强大的信息整合和对话能力惊艳了全球,在自然语言处理上面表现出了惊人...
educoder数据结构与算法...                                                   ...
MySQL下载和安装(Wind... 前言:刚换了一台电脑,里面所有东西都需要重新配置,习惯了所...