Window localStorage
示例
设置和检索 localStorage 的键/值对
localStorage.setItem("lastname", "Smith");
localStorage.getItem("lastname");
自己动手试一试 »
更多示例见下文。
描述
localStorage 对象允许您在浏览器中保存键/值对。
注意
localStorage 对象存储的数据没有过期日期。
关闭浏览器时数据不会被删除，并且在未来的会话中可用。
另请参阅
sessionStorage 对象，它存储会话期间的数据。
(关闭浏览器窗口时数据将被删除)
语法
window.localStorage或者localStorage
将数据保存到 Local Storage
localStorage.setItem(key, value);
从 Local Storage 读取数据
let lastname = localStorage.getItem(key);
从 Local Storage 移除数据
localStorage.removeItem(key);
移除所有 (清除 Local Storage)
localStorage.clear();
参数
| 参数 | 描述 |
| key | 必需。 键的名称。 |
| value | 必需。 键的值。 |
返回值
| 类型 | 描述 |
| 一个对象 | 一个 localStorage 对象。 |
更多示例
计算用户点击按钮的次数
if (localStorage.clickcount) {
localStorage.clickcount = Number(localStorage.clickcount) + 1;
} else {
localStorage.clickcount = 1;
}
自己动手试一试 »
浏览器支持
所有浏览器都支持 window.localStorage。
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 9-11 |
