JS中的localStorage和sessionStorage區(qū)別和用法

localStorage和sessionStorage一樣都是用來(lái)存儲(chǔ)客戶端臨時(shí)信息的對(duì)象。

他們均只能存儲(chǔ)字符串類(lèi)型的對(duì)象(雖然規(guī)范中可以存儲(chǔ)其他原生類(lèi)型的對(duì)象,但是目前為止沒(méi)有瀏覽器對(duì)其進(jìn)行實(shí)現(xiàn))。

localStorage生命周期是永久,這意味著除非用戶顯示在瀏覽器提供的UI上清除localStorage信息,否則這些信息將永遠(yuǎn)存在。

sessionStorage生命周期為當(dāng)前窗口或標(biāo)簽頁(yè),一旦窗口或標(biāo)簽頁(yè)被永久關(guān)閉了,那么所有通過(guò)sessionStorage存儲(chǔ)的數(shù)據(jù)也就被清空了。

不同瀏覽器無(wú)法共享localStorage或sessionStorage中的信息。
相同瀏覽器的不同頁(yè)面間可以共享相同的 localStorage(頁(yè)面屬于相同域名和端口),但是不同頁(yè)面或標(biāo)簽頁(yè)間無(wú)法共享sessionStorage的信息。
這里需要注意的是,頁(yè)面及標(biāo) 簽頁(yè)僅指頂級(jí)窗口,如果一個(gè)標(biāo)簽頁(yè)包含多個(gè)iframe標(biāo)簽且他們屬于同源頁(yè)面,那么他們之間是可以共享sessionStorage的.
JS下的操作方法

獲取鍵值:localStorage.getItem(“key”)
設(shè)置鍵值:localStorage.setItem(“key”,”value”)
清除鍵值:localStorage.removeItem(“key”)
清除所有鍵值:localStorage.clear()
獲取鍵值2:localStorage.keyName
設(shè)置鍵值2:localStorage.keyName = “value”
JQ下的操作方法(JS方法前加”window.”)

獲取鍵值:window.localStorage.getItem(“key”)
設(shè)置鍵值:window.localStorage.setItem(“key”,”value”)
清除鍵值:window.localStorage.removeItem(“key”)
清除所有鍵值:window.localStorage.clear()
獲取鍵值2:window.localStorage.keyName
設(shè)置鍵值2:window.localStorage.keyName = “value”

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容