JavaScript 本地存储
localStorage/sessionStorage/Cookie/IndexedDB · 难度:入门 · +20XP
浏览器存储
| 方式 | 容量 | 持久性 | 作用域 |
|---|---|---|---|
| localStorage | 5-10MB | 永久 | 同源 |
| sessionStorage | 5MB | 标签页关闭 | 同源+同标签 |
| Cookie | 4KB | 可设过期 | 可跨域 |
| IndexedDB | 无限制 | 永久 | 同源 |
localStorage.setItem("theme","dark");
const theme=localStorage.getItem("theme")||"light";
localStorage.removeItem("old");localStorage.clear();
// 存储对象(需序列化)
localStorage.setItem("user",JSON.stringify({name:"张三"}));
const user=JSON.parse(localStorage.getItem("user"));