Web 存储 API
Web 存储 API 是一个简单的语法，用于在浏览器中存储和检索数据。 它非常易于使用
Web 存储 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 存储 API 相关的页面
| 属性 | 描述 |
|---|---|
| window.localStorage | 允许在 Web 浏览器中保存键值对。 以无过期日期的形式存储数据 |
| window.sessionStorage | 允许在 Web 浏览器中保存键值对。 将数据存储在一个会话中 |
