HTML5 之本地儲存

本地存儲

本質：存儲數據，以便在須要時獲取。相似變量，只不過變量存儲在內存中，本地存儲存儲在硬盤中。

應用場景：郵箱登陸記住用戶名、搜索歷史關鍵字

• 方法

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

  • getItem(key) 讀取存儲內容

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

  • clear() 清空全部存儲內容

• window.localStorage

  • 永久生效，除非手動刪除（服務器方式訪問而後清除緩存）

• window.sessionStorage

  • 生命週期爲關閉瀏覽器窗口

• 特性

  • 不一樣的瀏覽器之間數據不能共享

  • 設置、讀取方便

  • 在同一個瀏覽器的不一樣窗口下數據能夠共享

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

  • 只能存儲字符串，能夠將對象JSON.stringify() 轉換爲字符串後再存儲