JavaScript 存儲對象

Web 存儲 API 提供了 sessionStorage （會話存儲） 和 localStorage（本地存儲）兩個存儲對象來對網頁的數據進行添加、刪除、修改、查詢操作。

  • localStorage 用於長久保存整個網站的數據，保存的數據沒有過期時間，直到手動去除。

  • sessionStorage 用於臨時保存同一窗口(或標籤頁)的數據，在關閉窗口或標籤頁之後將會刪除這些數據。

存儲對象屬性

屬性 描述
length 返回存儲對象中包含多少條數據。

存儲對象方法

方法 描述
key(n) 返回存儲對象中第 n 個鍵的名稱
getItem(keyname) 返回指定鍵的值
setItem(keyname, value) 添加鍵和值，如果對應的值存在，則更新該鍵對應的值。
removeItem(keyname) 移除鍵
clear() 清除存儲對象中所有的鍵

Web 存儲 API

屬性 描述
window.localStorage 在流覽器中存儲 key/value 對。沒有過期時間。
window.sessionStorage 在流覽器中存儲 key/value 對。 在關閉窗口或標籤頁之後將會刪除這些數據。