Window localStorage 属性

定义和用法

localStorage 和 sessionStorage 属性允许在 Web 浏览器中保存键/值对。

localStorage 对象存储没有到期日期的数据。浏览器关闭时数据不会被删除，并且会在第二天、周或一年后可用。

localStorage 属性是只读的。

提示：还请参阅 sessionStorage 属性，该属性存储一个会话的数据（关闭浏览器选项卡时数据会丢失）。

案例

例子 1

创建一个 name="efternamn" 和 value="Smith" 的 localStorage 名称/值对，然后检索 "efternamn" 的值并将其插入到 id="result" 的元素中：

// Lagra
localStorage.setItem("efternamn", "Smith");
// Hämta
document.getElementById("result").innerHTML = localStorage.getItem("efternamn");

Prova själv

例子 2

下面的例子计算用户单击按钮的次数：

om (localStorage.clickcount) {
  localStorage.clickcount = Number(localStorage.clickcount) + 1;
} annars {
  localStorage.clickcount = 1;
}
document.getElementById("result").innerHTML = "Du har klickat på knappen " +
localStorage.clickcount + " gång(er).";

Prova själv

语法

window.localStorage

语法向 localStorage 保存数据：

localStorage.setItem("nyckel", "värde;

语法从 localStorage 读取数据：

var efternamn = localStorage.getItem("nyckel;

语法从 localStorage 删除数据：

localStorage.removeItem("nyckel;

Tekniska detaljer

Returvärde: Storage-objekt

Webbläsarstöd

Talen i tabellen anger den första webbläsarens version som fullständigt stöder egenskapen.

Egenskaper Chrome IE Firefox Safari Opera
localStorage 4.0 8.0 3.5 4.0 11.5