localStorage 即使瀏覽器關(guān)閉了，數(shù)據(jù)也會(huì)被保存下來(lái)并可用于所有來(lái)自同源（相同域名、協(xié)議和端口）窗口的加載。

sessionStorage 數(shù)據(jù)存儲(chǔ)在窗口對(duì)象中，對(duì)于其他窗口或標(biāo)簽不可見(jiàn)，并且當(dāng)窗口關(guān)閉時(shí)，數(shù)據(jù)丟失。

sessionStorage常用于前后端分離用來(lái)記錄登錄狀態(tài)。

兩種web storage的用法相同

setItem 和GetItem

如何使用localStorage跨頁(yè)面通信呢，例如有這樣一個(gè)需求，

用戶登錄后臺(tái)，開(kāi)啟了很多tab頁(yè)面。然后因?yàn)槟撤N原因被踢下線，當(dāng)前這個(gè)tab就要退出到登錄頁(yè)面，同時(shí)其他頁(yè)面也希望能退出不再顯示。

我們先開(kāi)啟兩個(gè)頁(yè)面，page1和page2，兩個(gè)都是都是同源

page1監(jiān)聽(tīng)storage事件

監(jiān)聽(tīng)storage事件

page2設(shè)置localStorage

設(shè)置localStorage

打開(kāi)page2的時(shí)候page1就執(zhí)行了storage事件~然后可以用e.key判斷setItem的key和獲取value進(jìn)行退出操作~