Web Storage API
Web Storage API 提供了一种在浏览器中存储和检索数据的简单语法。它非常易于使用。
Web Storage API 在所有浏览器中都受支持。
| Chrome | IE/Edge | Firefox | Safari | Opera |
| 是 | 是 | 是 | 是 | 是 |
localStorage 对象
localStorage 对象提供对特定网站本地存储的访问。它允许您为此域存储、读取、添加、修改和删除数据项。
数据在没有到期日期的情况下存储，并且在浏览器关闭时不会被删除。
数据将可用数天、数周和数年。
setItem() 方法
localStorage.setItem() 方法将数据项存储在存储中。
它接受名称和值作为参数。
示例
localStorage.setItem("name", "John Doe");
getItem() 方法
localStorage.getItem() 方法从存储中检索数据项。
它接受名称作为参数。
示例
localStorage.getItem("name");
sessionStorage 对象
sessionStorage 对象与 localStorage 对象相同。
区别在于 sessionStorage 对象存储一个会话的数据。
数据在浏览器关闭时删除。
setItem() 方法
sessionStorage.setItem() 方法将数据项存储在存储中。
它接受名称和值作为参数。
示例
sessionStorage.setItem("name", "John Doe");
getItem() 方法
sessionStorage.getItem() 方法从存储中检索数据项。
它接受名称作为参数。
示例
sessionStorage.getItem("name");
存储对象属性和方法
| 属性/方法 | 描述 |
|---|---|
| key(n) | 返回存储中第 n 个键的名称 |
| length | 返回存储对象中存储的数据项的数量。 |
| getItem(keyname) | 返回指定键名称的值 |
| setItem(keyname, value) | 将键添加到存储，或更新现有键的值。 |
| removeItem(keyname) | 从存储中删除该键。 |
| clear() | 清空存储中的所有键。 |
Web Storage API 相关页面
| 属性 | 描述 |
|---|---|
| window.localStorage | 允许在 Web 浏览器中保存键/值对。数据存储没有过期日期 |
| window.sessionStorage | 允许在 Web 浏览器中保存键/值对。数据存储在一个会话中 |
