本地存儲特性
1忘古、數(shù)據(jù)存儲在用戶瀏覽器中
2技竟、設(shè)置窿凤、讀取方便、甚至頁面刷新不丟失數(shù)據(jù)
3黔宛、容量較大近刘,sessionStorage約5M、localStorage約20M
4、只能存儲字符串跌宛,可以將對象JSON.stringify() 編碼后存儲
window.sessionStorage
1、生命周期為關(guān)閉瀏覽器窗口
2积仗、在同一個窗口(頁面)下數(shù)據(jù)可以共享
3疆拘、以鍵值對的形式存儲使用
存儲數(shù)據(jù):
sessionStorage.setItem(key, value)
獲取數(shù)據(jù):
sessionStorage.getItem(key)
刪除數(shù)據(jù):
sessionStorage.removeItem(key)
清空數(shù)據(jù):(所有都清除掉)
sessionStorage.clear()
window.localStorage
1、聲明周期永久生效寂曹,除非手動刪除 否則關(guān)閉頁面也會存在
2哎迄、可以多窗口(頁面)共享(同一瀏覽器可以共享)
3、以鍵值對的形式存儲使用
存儲數(shù)據(jù):
localStorage.setItem(key, value)
獲取數(shù)據(jù):
localStorage.getItem(key)
刪除數(shù)據(jù):
localStorage.removeItem(key)
清空數(shù)據(jù):(所有都清除掉)
localStorage.clear()