Web存储—localStorage存储
一、 localStorage存储
特点：特点：本地存储数据的不需要网络、大小5M 、域内安全、永久存储、只要不删除，就一直存在
二、语法
- 设置：localStorage.setItem(key, value)
- 获取：localStorage.getItem(key)
- 删除：localStorage.removeItem(key)
- 全部删除：localStorage.clear();
Web存储—localStorage存储
2023-11-28
55
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
Web存储—localStorage存储
目录
相关文章
|
5月前
|
存储
移动开发
JSON
|
4天前
|
存储
Web App开发
移动开发
HTML5 Web 存储详解
HTML5 Web存储提供了两种客户端数据存储机制：**Local Storage**和**Session Storage**。Local Storage用于长期存储数据，即使关闭浏览器数据也依然存在，适用于保存用户偏好设置等信息。Session Storage则在标签或窗口关闭时清除数据，适合存储临时信息。两者均提供了简单的API进行数据的存取操作，但需要注意的是，Web存储并非加密存储，不应存放敏感信息。现代浏览器普遍支持Web存储，合理利用这两种存储方式可提升Web应用的用户体验。
37
16
16
|
2天前
|
存储
移动开发
缓存
HTML5 Web 存储详解
HTML5 Web 存储包括 `localStorage` 和 `sessionStorage`，前者提供持久存储且无过期时间，后者仅在会话期间有效。两者均支持键值对形式存储数据，容量约为 5-10 MB。`localStorage` 适用于用户偏好设置、登录状态保持及离线应用缓存；`sessionStorage` 则用于临时数据如表单输入。数据以字符串形式存储，可通过 `JSON` 方法处理对象。由于数据存储于本地，不适合存放敏感信息。示例代码展示了如何使用按钮将输入框内容保存至 `localStorage` 并进行清除操作。
18
4
4
|
5月前
|
存储
缓存
NoSQL
Web Storage与IndexedDB存储
Web Storage（包括sessionStorage和localStorage）提供简单的键值对存储，适合会话数据存储。IndexedDB是浏览器中的NoSQL数据库，支持复杂查询和事务，适用于大量数据存储。简而言之，Web Storage适合简单需求，IndexedDB适合复杂存储和查询。示例代码展示了两者用法。
62
1
1
|
5月前
|
存储
JavaScript
前端开发
|
5月前
|
存储
JSON
JavaScript
|
10月前
|
存储
|
10月前
|
存储
编解码
缓存
|
存储
Web App开发
JavaScript
|
23天前
|
数据可视化
图形学
UED
只需四步，轻松开发三维模型Web应用
为了让用户更方便地应用三维模型，阿里云DataV提供了一套完整的三维模型Web模型开发方案，包括三维模型托管、应用开发、交互开发、应用分发等完整功能。只需69.3元/年，就能体验三维模型Web应用开发功能！
43
8
8
热门文章
最新文章
1
web高性能开发系列随笔
2
【Web API系列教程】1.2 — Web API 2中的Action Results
3
轻松加密ASP.NET 2.0 Web程序配置信息
4
7月第3周安全回顾 Adobe现高危漏洞 Google开发web安全工具
5
Web Client Software Factory 开发路线图
6
tomcat修改默认web目录
7
ASP.NET Web API Model-ModelBinder
8
返回用户指定页面的web服务器
9
[WS]使用Axis发布简单的Web服务（补充）
10
在Web.config中指定编码
1
什么是web与搭建自己的第一个pikachu靶场
80
2
【Web系列笔记】Restful
58
3
【Web 前端】如何将一个 HTML 元素添加到 DOM 树中的？
74
4
【Web 前端】jQuery 里的 each() 是什么函数？你是如何使用它的？
148
5
【Web 前端】如何找到所有 HTML select 标签的选中项？
93
6
【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同？
66
7
【Web 前端】$(document).ready() 是个什么函数？为什么要用它？
502
8
【Web 前端】如何在点击一个按钮时使用 jQuery 隐藏一个图片？
179
9
20：基于EL与JSTL的产品管理页-Java Web
54
10
19：Web开发模式与MVC设计模式-Java Web
81