Web存储技术 1. localStorage 特点：长期存储，除非手动删除否则会一直保存在浏览器中，清除缓存或卸载浏览器后消失。 存储语法：window.localStorage.setItem(名字,值) 获取语法：window.localStorage.getItem(名字) 删除语法：win ...
web存储技术
1. localstorage
- 特点：长期存储，除非手动删除否则会一直保存在浏览器中，清除缓存或卸载浏览器后消失。
- 存储语法：
window.localstorage.setitem(名字,值)
- 获取语法：
window.localstorage.getitem(名字)
- 删除语法：
window.localstorage.removeitem(名字)
- 作用：删除localstorage中的数据。
- 限制：只能保存字符串类型的数据。
- 应用场景：适用于存储不需要跨会话访问的数据，如用户偏好设置、游戏进度等。
2. sessionstorage
- 特点：会话存储，浏览器关闭后数据消失，可以跨页面通讯，但仅限于本页面跳转。
- 存储语法：
window.sessionstorage.setitem(名字,值)
- 获取语法：
window.sessionstorage.getitem(名字)
- 删除语法：
window.sessionstorage.removeitem(名字)
- 应用场景：适用于存储会话级别的数据，如用户在会话期间的浏览记录。
3. cookie
- 特点：存储字符串，大小限制约4kb，存储时效性默认为会话级别，可手动设置过期时间。
- 操作必须依赖服务器：本地打开的页面不能操作cookie。
- 存储语法：
document.cookie = 'key=value';
- 获取语法：
document.cookie
- 应用场景：常用于识别用户身份，如登录信息的存储。
4. indexeddb
- 特点：低级api，用于存储大量结构化数据，包括文件/ blobs。
- 优点：存储量理论上无上限，操作异步，支持存储js对象。
- 缺点：操作繁琐，有门槛。
- 应用场景：适用于存储大量数据，如在线游戏的存档、网页应用的数据库等。
版权声明：本文内容由互联网用户贡献，该文观点仅代表作者本人。本站仅提供信息存储服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 2386932994@qq.com 举报，一经查实将立刻删除。
我要评论
发表评论