一、本地存儲的特性
(1)數(shù)據(jù)存儲在用戶瀏覽器中
(2)設置候味、讀取方便傲茄,頁面刷新數(shù)據(jù)不丟失
(3)容量較大,sessionStorage約5M掠剑、localStorage約20M
(4)只能存儲字符串屈芜,可以將對象JSON.stringify()編碼后存儲
二、window.sessionStorage
(1)生命周期為關閉瀏覽器窗口
(2)在同一個窗口(頁面)下數(shù)據(jù)可以共享
(3)以鍵值對的形式存儲使用
1澡腾、存儲數(shù)據(jù)
語法格式:sessionStorage.setItem(key, value)
2沸伏、獲取數(shù)據(jù)
語法格式:sessionStorage.getItem(key)
3、刪除數(shù)據(jù)
語法格式:sessionStorage.removeItem(key)
4动分、刪除所有數(shù)據(jù)
語法格式:sessionStorage.clear()
三毅糟、window.localStorage
(1)用于長久保存整個網(wǎng)站的數(shù)據(jù),保存的數(shù)據(jù)沒有過期時間澜公,直到手動去刪除
(2)在其他窗口(頁面)下數(shù)據(jù)依然可以共享姆另,只要在同一個瀏覽器都可使用
(3)屬性是只讀的
(4)以鍵值對的形式存儲使用
1、存儲數(shù)據(jù)
語法格式:localStorage.setItem(key, value)
2坟乾、獲取數(shù)據(jù)
語法格式:localStorage.getItem(key)
3迹辐、刪除數(shù)據(jù)
語法格式:localStorage.removeItem(key)
4、刪除所有數(shù)據(jù)
語法格式:localStorage.clear()