HTML Web Storage
学习localStorage/sessionStorage · 难度:进阶 · +15XP
HTML Web Storage
Web Storage API让网页在浏览器中存储数据,比Cookie更方便。
localStorage(持久存储)
localStorage.setItem("username","张三");
let name=localStorage.getItem("username");
localStorage.removeItem("username");
localStorage.clear();sessionStorage(会话存储)
关闭标签页后数据自动清除,用法和localStorage一样。
localStorage vs Cookie
| localStorage | Cookie |
|---|---|
| 容量~5MB | 容量~4KB |
| 不自动发送到服务器 | 每次请求自动发送 |
| 永久存储(除非手动删除) | 可设过期时间 |
???? 练习
- 存储用户偏好设置
- 实现页面访问计数器