本地存儲sessionStorage and localStorage

本地存儲特性

1. 數據存儲在用戶瀏覽器中
2. 設置、讀取方便，刷新頁面不會丟失
3. 容量較大，sessionStorage約5M，localStorage約20M
4. 只能存儲字符串，能夠將對象JSON.stringify()轉換後存儲

window.sessionStorage

1. 生命週期爲關閉瀏覽器窗口
2. 在同一個窗口(頁面)下數據能夠共享
3. 以鍵值對的形式存儲使用

操做	說明
sessionStorage.setItem(key, value)	存儲數據
sessionStorage.get(key)	獲取數據
sessionStorage.removeItem(key)	刪除數據
sessionStorage.clear()	刪除全部數據

window.localStorage

1. 生命週期永久生效，除非手動刪除不然關閉頁面也會存在
2. 能夠多窗口(頁面)共享(同一瀏覽器能夠共享)
3. 以鍵值對的形式存儲使用

操做	說明
localStorage.setItem(key, value)	存儲數據
localStorage.get(key)	獲取數據
localStorage.removeItem(key)	刪除數據
localStorage.clear()	刪除全部數據