javascript的本地存储有哪些方案_localStorage和sessionStorage有何区别

JavaScript本地存储有Cookie、localStorage、sessionStorage三种：Cookie自动随请求发送、容量小、适合身份标识；localStorage永久存储、5MB、同源共享；sessionStorage仅限单标签页、关闭即清空。

JavaScript 的本地存储主要有三种方案：Cookie、localStorage 和 sessionStorage。它们都运行在浏览器端，受同源策略限制，但设计目标、生命周期、容量和传输行为差异明显。选哪个，关键看你要存什么、存多久、是否需要发给服务器。

Cookie：带“邮差”的小纸条

Cookie 是最老的本地存储机制，本质是 HTTP 协议的一部分。每次同源请求（包括图片、脚本等）都会自动携带 Cookie，所以它天然适合做身份标识（比如 sessionid）。但它有硬性限制：

• 单个 Cookie 最大 4KB，总数量和大小也受限（各浏览器不同）
• 必须手动设置 Expires 或 Max-Age 才能持久；不设则为会话级（关浏览器即失效）
• 支持 Path 和 Domain 属性，可控制作用范围
• 有 HttpOnly 和 Secure 标志，增强安全性（防 XSS 窃取）

适合场景：用户登录凭证、跨页面/跨请求的身份识别、轻量级追踪标记。

localStorage：关机也不丢的“抽屉”

localStorage 是 Web Storage API 的一部分，数据永久保存在本地，除非手动清除（调用 clear() 或 removeItem()），关浏览器、重启电脑都不影响。

立即学习“Java免费学习笔记（深入）”；

标签： javascript java js 前端 json cookie 浏览器 电脑 端口 session ai 区别 浏览