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 對。 在關閉窗口或標簽頁之後將會刪除這些數據。