JavaScript——本地存儲（包括：本地存儲等概述、window.sessionStorage、window.localStorage等)

本地存儲

• 本地存儲的特性：

  1.數據存儲在用戶瀏覽器中。

  2.設置、讀取方便、甚至頁面刷新不丟失數據。

  3.容量較大，sessionStorage約5M、localStorage約20M。

  4.只能存儲字符串，可以將對象JSON.stringify()編碼後存儲。

window.sessionStorage

• 生命週期爲關閉瀏覽器窗口。
• 在同一個窗口（頁面）下數據可以共享。
• 以鍵值對的形式存儲使用。
• 存儲數據：

sessionStorage.setItem(key, value)

//例子：
var uname = '蟹黃堡';
sessionStorage.setItem('username', uname);

• 獲取數據：

sessionStorage.getItem(key)

• 刪除數據：

sessionStorage.removeItem(key)

• 刪除所有的數據：

sessionStorage.clear()

window.localStorage

• 生命週期永久有效，除非手動刪除，否則關閉頁面也會存在。

• 可以多窗口（頁面）共享（同一瀏覽器可以共享）。

• 以鍵值對的形式存儲使用。

• 存儲數據：

localStorage.setItem(key,value)

• 獲取數據：

localStorage.getItem(key)

• 刪除數據：

localStorage.removeItem(key)

• 刪除所有的數據：

localStorage.clear()

---

微信公衆號也會定期更新，覺得文章寫得還可以的，可以加個關注！點個贊！謝謝！