sessionStorage屬性允許你訪問一個(gè) sessionStorage對象妻导。它與localStorage相似,不同之處在于 localStorage 里面存儲的數(shù)據(jù)沒有過期時(shí)間設(shè)置墙歪,而存儲在 sessionStorage 里面的數(shù)據(jù)在頁面會話結(jié)束時(shí)會被清除。頁面會話在瀏覽器打開期間一直保持贝奇,并且重新加載或恢復(fù)頁面仍會保持原來的頁面會話虹菲。在新標(biāo)簽或窗口打開一個(gè)頁面會初始化一個(gè)新的會話,這點(diǎn)和 session cookies 的運(yùn)行方式不同掉瞳。
應(yīng)該注意的是毕源,無論是 localStorage 還是 sessionStorage 中保存的數(shù)據(jù)都僅限于該頁面的協(xié)議浪漠。
// 保存數(shù)據(jù)到sessionStorage
sessionStorage.setItem('key', 'value');
sessionStorage.setItem("key",JSON.stringify(viewProData));? ?存儲對象
var objDetails =JSON.parse(sessionStorage.getItem("key"));? 獲取對象
// 從sessionStorage獲取數(shù)據(jù)
var data = sessionStorage.getItem('key');
// 從sessionStorage刪除保存的數(shù)據(jù)
sessionStorage.removeItem('key');
// 從sessionStorage刪除所有保存的數(shù)據(jù)
sessionStorage.clear();
localStorage
localStorage生命周期是永久,這意味著除非用戶顯示在瀏覽器提供的UI上清除localStorage信息霎褐,否則這些信息將永遠(yuǎn)存在址愿。存放數(shù)據(jù)大小為一般為5MB,而且它僅在客戶端(即瀏覽器)中保存,不參與和服務(wù)器的通信冻璃。
sessionStorage
sessionStorage僅在當(dāng)前會話下有效响谓,關(guān)閉頁面或?yàn)g覽器后被清除。存放數(shù)據(jù)大小為一般為5MB,而且它僅在客戶端(即瀏覽器)中保存省艳,不參與和服務(wù)器的通信娘纷。源生接口可以接受,亦可再次封裝來對Object和Array有更好的支持跋炕。
localStorage和sessionStorage使用時(shí)使用相同的API:
localStorage.setItem("key","value");//以“key”為名稱存儲一個(gè)值“value”localStorage.getItem("key");//獲取名稱為“key”的值localStorage.removeItem("key");//刪除名稱為“key”的信息赖晶。localStorage.clear();?//清空localStorage中所有信息