Web Storage API
Web Storage API 提供了一種在瀏覽器中儲存和檢索資料的簡單語法。它非常易於使用。
Web Storage API 在所有瀏覽器中都受支援。
| Chrome | IE/Edge | Firefox | Safari | Opera |
| 是 | 是 | 是 | 是 | 是 |
localStorage 物件
localStorage 物件提供對特定網站本地儲存的訪問。它允許您為此域儲存、讀取、新增、修改和刪除資料項。
資料在沒有到期日期的情況下儲存，並且在瀏覽器關閉時不會被刪除。
資料將可用數天、數週和數年。
setItem() 方法
localStorage.setItem() 方法將資料項儲存在儲存中。
它接受名稱和值作為引數。
示例
localStorage.setItem("name", "John Doe");
getItem() 方法
localStorage.getItem() 方法從儲存中檢索資料項。
它接受名稱作為引數。
示例
localStorage.getItem("name");
sessionStorage 物件
sessionStorage 物件與 localStorage 物件相同。
區別在於 sessionStorage 物件儲存一個會話的資料。
資料在瀏覽器關閉時刪除。
setItem() 方法
sessionStorage.setItem() 方法將資料項儲存在儲存中。
它接受名稱和值作為引數。
示例
sessionStorage.setItem("name", "John Doe");
getItem() 方法
sessionStorage.getItem() 方法從儲存中檢索資料項。
它接受名稱作為引數。
示例
sessionStorage.getItem("name");
儲存物件屬性和方法
| 屬性/方法 | 描述 |
|---|---|
| key(n) | 返回儲存中第 n 個鍵的名稱 |
| length | 返回儲存物件中儲存的資料項的數量。 |
| getItem(keyname) | 返回指定鍵名稱的值 |
| setItem(keyname, value) | 將鍵新增到儲存，或更新現有鍵的值。 |
| removeItem(keyname) | 從儲存中刪除該鍵。 |
| clear() | 清空儲存中的所有鍵。 |
Web Storage API 相關頁面
| 屬性 | 描述 |
|---|---|
| window.localStorage | 允許在 Web 瀏覽器中儲存鍵/值對。資料儲存沒有過期日期 |
| window.sessionStorage | 允許在 Web 瀏覽器中儲存鍵/值對。資料儲存在一個會話中 |
