Window localStorage 属性

JavaScript Window 对象

localStorage只读属性允许你访问一个存储为文档的源对象; 存储的数据跨浏览器会话保存。

与使用cookie相比,localStorage对象提供了一种机制,浏览器可通过该机制以更好的方式存储键/值对。

localStorage与sessionStorage相似,不同之处在于,尽管localStorage中存储的数据没有到期时间,但是页面会话结束时(即页面关闭时),存储在sessionStorage中的数据将被清除。

您可以在我们的HTML5 Web Storage API中了解有关localStorage的更多信息。

语法:

window.localStorage

将数据保存到localStorage的语法:

localStorage.setItem("key", "value");

从localStorage 读取数据的语法:

var name = localStorage.getItem("key");

从localStorage 删除数据的语法:

localStorage.removeItem("key");
// Store
localStorage.setItem("name", "Parrot");
// Retrieve
document.getElementById("demo").innerHTML = localStorage.getItem("name");
测试看看‹/›

上面的代码使用name="name"和value="Parrot"创建一个localStorage名称/值对。

然后检索“名称”的值,并将其插入到具有id="demo"的元素中。

名称/值对始终存储为字符串,您可以在需要时将它们转换为另一种格式。

浏览器兼容性

表中的数字指定了完全支持localStorage属性的第一个浏览器版本:

属性
localStorage43.511.549

技术细节

返回值:一个存储对象,可用于访问当前来源的本地存储空间

更多实例

下面的示例设置本地存储变量,并在每次访问页面时访问该变量:

if (localStorage.hits) {
localStorage.hits = Number(localStorage.hits) + 1;
} else {
localStorage.hits = 1;
}
测试看看‹/›

您还可以删除localStorage项目:

localStorage.removeItem("hits");
测试看看‹/›

相关参考

窗口(Window)参考:window.sessionStorage属性

HTML教程:HTML5 Web存储API

JavaScript Window 对象