JavaScript 中 cookie、localStorage 和 sessionStorage 三者的区别？以及如何进行跨域操作 Storage?

cookie、sessionStorage 和localStorage1、三者区别cookie 用来保存登录信息，大小限制为 4KB 左右localStorage 是 Html5 新增的，用于本地数据存储，保存的数据没有过期时间，一般浏览器大小限制在 5MBsessionStorage 接口方法和 localStorage 类似，但保存的数据的只会在当前会话中保存下来，页面关闭后会被清空。名称生命

gqkmiss

1784人浏览 · 2021-05-11 09:50:20

gqkmiss · 2021-05-11 09:50:20 发布

`cookie`、`sessionStorage` 和`localStorage`

1、三者区别

cookie 用来保存登录信息，大小限制为 4KB 左右
localStorage 是 Html5 新增的，用于本地数据存储，保存的数据没有过期时间，一般浏览器大小限制在 5MB
sessionStorage 接口方法和 localStorage 类似，但保存的数据的只会在当前会话中保存下来，页面关闭后会被清空。

名称	生命期	大小限制	与服务器通信	是否可以跨域
`cookie`	一般由服务器生成，可设置失效时间。如果在浏览器端生成 `Cookie`，默认是关闭浏览器后失效	`4KB`	每次都会携带在 `HTTP` 头中，如果使用 `cookie` 保存过多数据会带来性能问题	一般不可，相同 `domain` 下可以允许接口请求携带 `cookie`
`localStorage`	除非被清除，否则永久保存	`5MB`	仅在浏览器中保存，不与服务器通信	不可
`sessionStorage`	仅在当前会话下有效，关闭页面或浏览器后被清除	`5MB`	仅在浏览器中保存，不与服务器通信	不可

2、`localStorage` 进行怎么进行跨域存储？

localStorage 是不可以进行跨域操作的，但是想进行跨域操作可以使用 postMessage，websocket 进行变相的跨域操作。

AI Agent技术社区

Agent 垂直技术社区，欢迎活跃、内容共建。

更多推荐

如何卸载openclaw

OpenClaw（俗称"龙虾"）是一个本地 AI 智能体平台，用于在电脑上部署自主运行的 AI 代理。

AI Agent技术社区

（已解决）安装openclaw龙虾[特殊字符]npm权限问题EACCES

先安装升级完成node和homebrew后。安装就很快了。但是遇到EACCESS问题！！！发现报错了。问题错误：核心问题是sharp解决（90%人遇到的）安装 macOS 编译工具很多人缺少，导致sharp无法编译。运行：xcode-select --install安装完成后重新执行：sharp编译需要 C++ 编译器和 node-gyp，这些都来自 Xcode CLI。