Window localStorage 屬性
JavaScript 存儲對象實例
使用 localStorage 創建一個本地存儲的 name/value 對，name="lastname" value="Smith", 然後檢索 "lastname" 的值，並插入到 id="result" 的元素上:
// 存儲
localStorage.setItem("lastname", "Smith");
// 檢索
document.getElementById("result").innerHTML = localStorage.getItem("lastname");
定義和使用
localStorage 和 sessionStorage 屬性允許在流覽器中存儲 key/value 對的數據。
localStorage 用於長久保存整個網站的數據，保存的數據沒有過期時間，直到手動去刪除。
localStorage 屬性是只讀的。
提示: 如果你只想將數據保存在當前會話中，可以使用 sessionStorage 屬性， 改數據對象臨時保存同一窗口(或標籤頁)的數據，在關閉窗口或標籤頁之後將會刪除這些數據。
流覽器支持
表格中的數字表示支持該屬性的第一個流覽器版本號。
| 屬性 | |||||
|---|---|---|---|---|---|
| localStorage | 4.0 | 8.0 | 3.5 | 4.0 | 11.5 |
語法
window.localStorage
保存數據語法：
localStorage.setItem("key", "value");
讀取數據語法：
var lastname = localStorage.getItem("key");
刪除數據語法：
localStorage.removeItem("key");
技術細節
| 返回值: | 一個存儲對象 |
更多實例
實例
以下實例用於記錄點擊按鈕的次數:
if (localStorage.clickcount) {
localStorage.clickcount = Number(localStorage.clickcount) + 1;
} else {
localStorage.clickcount = 1;
}
document.getElementById("result").innerHTML = "你在按鈕上已經點擊了 " +
localStorage.clickcount + "次。";