存储 API
Storage 对象
Web Storage API 的 Storage 对象提供了对特定域的会话存储或本地存储的访问。这允许您读取、添加、修改和删除已存储的数据项。
Storage 对象属性和方法
| 属性/方法 | 描述 |
|---|---|
| clear() | 清空存储中的所有键 |
| getItem() | 返回指定键名称的值 |
| key() | 返回存储中第 n 个键的名称 |
| length | 返回 Storage 对象中存储的数据项的数量 |
| setItem() | 添加一个键到存储,或者如果键已存在则更新其值 |
| removeItem() | 从存储中移除一个键 |
Web Storage API 相关页面
| 属性 | 描述 |
|---|---|
| window.localStorage | 允许在 Web 浏览器中保存键/值对。数据存储没有过期日期 |
| window.sessionStorage | 允许在 Web 浏览器中保存键/值对。数据存储在一个会话中 |
Cookies 与 Local Storage 对比
Cookies 适用于客户端-服务器(浏览器-服务器)应用程序。
Local Storage 适用于客户端(浏览器)应用程序。
Cookies 与网站相关联。如果数据是供客户端使用的,每次在 HTTP 头中发送 Cookies 会浪费带宽。
一些用户出于规则考虑在其浏览器中禁用了 Cookies。
Cookie 的大小限制为 4KB。Local Storage 对每个域的限制为 5MB。
Cookie 有过期日期。Local Storage 没有。
浏览器支持
Storage API 受所有浏览器支持
| Chrome | IE | Edge | Firefox | Safari | Opera |
| 是 | 8-11 | 是 | 是 | 是 | 是 |