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属性的第一个浏览器版本：

属性
localStorage	4	3.5	11.5	4	9

技术细节

更多实例

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

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 对象