webStorage
- 存儲內(nèi)容大小一般支持5MB左右(不同瀏覽器可能不同)
- 瀏覽器端通過
Window.sessionStorage和Window.localStorage屬性來實現(xiàn)本地存儲機制呀忧。
-SessionStorage存儲的內(nèi)容會隨著瀏覽器窗口關閉而消失。 -
LocalStorage存儲的內(nèi)容氧腰，需要手動清除才會消失躏精。
localStorage
搜索的歷史記錄啊什么的一般都放在瀏覽器本地存儲這里
可以在瀏覽器→檢查→應用程序里看到 一般都有search作為關鍵字
在html中可配合JSON實現(xiàn)對瀏覽器本地存儲的增刪清查操作
瀏覽器關閉后仍然保存在本地
只有用戶主動清除緩存時才會被清理
相關API
-
保存數(shù)據(jù)
語法
localStorage.setItem('key', 'value')若
'value'不是String類（如Number類 對象等） 會自動調(diào)用toString-
保存對象
==用
JSON.stringify()==let p = {name : '張三', age : 18} function saveData () { localstorage.setItem ('person', JSON.stringify(p)) }
-
-
讀取數(shù)據(jù)
語法
localStorage.getItem('key')-
讀取對象
==用
JSON.parse()==// 接上例 function readData () { const result = localStorage.getItem('person') console.log(JSON.parse(result)) } xxxxxStorage.getItem(xxx)如果xxx對應的value獲取不到酣倾，那么getltem的返回值是nullJSON.parse(null)的結果依然是null
-
-
刪除數(shù)據(jù)
語法
localStorage.removeItem('key') -
清空數(shù)據(jù)
語法
localStorage.clear()
sessionStorage
會話存儲
瀏覽器關閉（會話結束）后不保存
其他的API跟localStorage一樣
