localStorage 即使瀏覽器關閉了雄人,數(shù)據(jù)也會被保存下來并可用于所有來自同源(相同域名妈倔、協(xié)議和端口)窗口的加載授霸。
sessionStorage 數(shù)據(jù)存儲在窗口對象中缕棵,對于其他窗口或標簽不可見,并且當窗口關閉時赠潦,數(shù)據(jù)丟失叫胖。
sessionStorage常用于前后端分離用來記錄登錄狀態(tài)。
兩種web storage的用法相同
如何使用localStorage跨頁面通信呢她奥,例如有這樣一個需求瓮增,
用戶登錄后臺,開啟了很多tab頁面哩俭。然后因為某種原因被踢下線绷跑,當前這個tab就要退出到登錄頁面,同時其他頁面也希望能退出不再顯示凡资。
我們先開啟兩個頁面砸捏,page1和page2,兩個都是都是同源
page1監(jiān)聽storage事件
page2設置localStorage
打開page2的時候page1就執(zhí)行了storage事件~然后可以用e.key判斷setItem的key和獲取value進行退出操作~