⚡ 编程实验室🏗️ HTML🎨 CSS⚡ JavaScript🐍 Python🗄️ SQL☕ Java⚛️ React💚 Vue🟢 Node.js⚙️ C语言🐘 PHP🐹 Go🔷 TypeScript🐬 MySQL🔧 C++🎯 C#🦀 Rust🅱️ Bootstrap💡 jQuery🎸 Django🍃 MongoDB👗 Sass🎪 Kotlin📊 R语言📋 XML📊 Excel🐘 PostgreSQL🐳 Docker🅰️ Angular🎮 游戏🏠 网站首页

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

localStorageCookie
容量~5MB容量~4KB
不自动发送到服务器每次请求自动发送
永久存储(除非手动删除)可设过期时间

???? 练习

  1. 存储用户偏好设置
  2. 实现页面访问计数器
Ctrl+Enter
🚀 升级VIP
解锁全部课程+AI助手

🏆 学习排行

加载中...

📊 统计

📖 101 篇
0 完成
🔥 0