介紹
HTML5為我們提供了新的用于存儲本地數(shù)據(jù)的javascript API骇钦,可以在瀏覽器中存儲我們想要存儲的數(shù)據(jù)材泄。分為永久存儲(localStorage)和會話存儲(sessionStorage
localStorage和sessionStorage的用法基本一致西疤,引用類型的值要轉(zhuǎn)換成JSON
? ? ? ? 1.字符串轉(zhuǎn)化為整數(shù)使用parseInt
? ? ? ? 2.字符串轉(zhuǎn)化為float類型parseFloat
? ? ? ? 3.數(shù)組轉(zhuǎn)化為json字符串JSON.stringify(arr)
? ? ? ? 4.json字符串轉(zhuǎn)化為數(shù)組JSON.parse(json)
將數(shù)據(jù)存儲到本地
獲取本地存儲中的已經(jīng)存儲的數(shù)據(jù)
刪除本地存儲中指定數(shù)據(jù)
刪除本地存儲中所有數(shù)據(jù)
localStorage和sessionStorage的區(qū)別
sessionStorage用于本地存儲一個會話中的數(shù)據(jù)适掰,這些數(shù)據(jù)只有在同一個會話中的頁面才能訪問并且當(dāng)會話結(jié)束后數(shù)據(jù)也隨之銷毀估蹄。因此sessionStorage不是一種永久的本地存儲塑煎,僅僅是會話級別的存儲。當(dāng)用戶關(guān)閉瀏覽器窗口后臭蚁,數(shù)據(jù)立馬會被刪除
localStorage用于持久化的本地存儲最铁,除非主動刪除數(shù)據(jù)讯赏,否則數(shù)據(jù)是永遠(yuǎn)不會過期的