
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
11.5
儲存資料文法:
讀取資料文法:
删除資料文法:
傳回值:
一個存儲對象
以下執行個體用于記錄點選按鈕的次數:
if (localStorage.clickcount) {
localStorage.clickcount = Number(localStorage.clickcount) + 1;
} else {
localStorage.clickcount = 1;
}
document.getElementById("result").innerHTML = "你在按鈕上已經點選了 " +
localStorage.clickcount + "次。";
