HTML5 之本地儲存

itwangchen發表於2019-03-22

本地儲存

本質:儲存資料,以便在需要時獲取。類似變數,只不過變數儲存在記憶體中,本地儲存儲存在硬碟中。

應用場景:郵箱登入記住使用者名稱、搜尋歷史關鍵字

  • 方法

    • setItem(key, value) 設定儲存內容

    • getItem(key) 讀取儲存內容

    • removeItem(key) 刪除鍵值為key的儲存內容

    • clear() 清空所有儲存內容

  • window.localStorage

    • 永久生效,除非手動刪除(伺服器方式訪問然後清除快取)

  • window.sessionStorage

    • 生命週期為關閉瀏覽器視窗

  • 特性

    • 不同的瀏覽器之間資料不能共享

    • 設定、讀取方便

    • 在同一個瀏覽器的不同視窗下資料可以共享

    • 容量較大,sessionStorage約5M、localStorage約20M

    • 只能儲存字串,可以將物件JSON.stringify() 轉換為字串後再儲存


相關文章