Web Storage API

Web Storage API 是一種用于在瀏覽器中存儲和檢索數據的簡單語法。他非常容易使用：

實例

localStorage.setItem("name", "Bill Gates");
localStorage.getItem("name");

親自試一試

所有瀏覽器都支持 Web Storage API：

Chrome IE Firefox Safari Opera
Chrome IE/Edge Firefox Safari Opera
支持 支持 支持 支持 支持

localStorage 對象

localStorage 對象提供對特定網站的本地存儲的訪問。它允許您存儲、讀取、添加、修改和刪除該域的數據項。

存儲的數據沒有到期日期，并且在瀏覽器關閉時不會被刪除。

這些數據將在幾天、幾周和幾年內均可用。

setItem() 方法

localStorage.setItem() 方法將數據項存儲在 storage 中。

它接受一個名稱和一個值作為參數：

實例

localStorage.setItem("name", "Bill Gates");

getItem() 方法

localStorage.getItem() 方法從存儲（storage）中檢索數據項。

它接受一個名稱作為參數：

實例

localStorage.getItem("name");

sessionStorage 對象

sessionStorage 對象與 localStorage 對象相同。

不同之處在于 sessionStorage 對象存儲會話的數據。

當瀏覽器關閉時，數據會被刪除。

實例

sessionStorage.getItem("name");

親自試一試

setItem() 方法

sessionStorage.setItem() 方法將數據項存儲在存儲（storage）中。

它接受一個名稱和一個值作為參數：

實例

sessionStorage.setItem("name", "Bill Gates");

getItem() 方法

sessionStorage.getItem() 方法從存儲（storage）中檢索數據項。

它接受一個名稱作為參數：

實例

sessionStorage.getItem("name");

Storage 對象屬性和方法

屬性/方法 描述
key(n) 返回存儲中第 n 個鍵的名稱。
length 返回存儲在 Storage 對象中的數據項數。
getItem(keyname) 返回指定的鍵名的值。
setItem(keyname, value) 將鍵添加到存儲中，或者如果鍵已經存在，則更新該鍵的值。
removeItem(keyname) 從存儲中刪除該鍵。
clear() 清空所有鍵。

Web Storage API 相關頁面

屬性 描述
window.localStorage 允許在 Web 瀏覽器中保存鍵/值對。存儲沒有到期日期的數據。
window.sessionStorage 允許在 Web 瀏覽器中保存鍵/值對。存儲一個會話的數據。