本地儲存
本質:儲存資料,以便在需要時獲取。類似變數,只不過變數儲存在記憶體中,本地儲存儲存在硬碟中。
應用場景:郵箱登入記住使用者名稱、搜尋歷史關鍵字
方法
setItem(key, value) 設定儲存內容
getItem(key) 讀取儲存內容
removeItem(key) 刪除鍵值為key的儲存內容
clear() 清空所有儲存內容
window.localStorage
永久生效,除非手動刪除(伺服器方式訪問然後清除快取)
window.sessionStorage
生命週期為關閉瀏覽器視窗
特性
不同的瀏覽器之間資料不能共享
設定、讀取方便
在同一個瀏覽器的不同視窗下資料可以共享
容量較大,sessionStorage約5M、localStorage約20M
只能儲存字串,可以將物件JSON.stringify() 轉換為字串後再儲存