localStorage&sessionstrorage(本地存儲和會話存儲)
sessionStorage
為每一個給定的源(given origin)維持一個獨立的存儲區域,該存儲區域在頁面會話期間可用(即只要瀏覽器處於打開狀態,包括頁面重新加載和恢復)。localStorage
同樣的功能,但是在瀏覽器關閉,然后重新打開后數據仍然存在。
https://blog.csdn.net/weixin_32206811/article/details/80267816(這個網址介紹在存儲對象中取值)
<script>
if(!window.localStorage){
alert("瀏覽器支持localstorage");
}else{
var storage=window.localStorage;
var data={
name:'xiecanyong',
sex:'man',
hobby:'program'
};
var d=JSON.stringify(data);//只有轉化成字符串才可以在控制台輸出出來
storage.setItem("data",d);
console.log(storage.data);
//將JSON字符串轉換成為JSON對象輸出
var json=storage.getItem("data");
var jsonObj=JSON.parse(json);
console.log(typeof jsonObj);
}
</script>
sessionStorage
屬性允許你訪問一個 session Storage
對象。它與 localStorage
相似,不同之處在於 localStorage 里面存儲的數據沒有過期時間設置,而存儲在 sessionStorage 里面的數據在頁面會話結束時會被清除。頁面會話在瀏覽器打開期間一直保持,並且重新加載或恢復頁面仍會保持原來的頁面會話。在新標簽或窗口打開一個頁面時會在頂級瀏覽上下文中初始化一個新的會話,這點和 session cookies 的運行方式不同。
應該注意的是,無論是 localStorage 還是 sessionStorage 中保存的數據都僅限於該頁面的協議。
在和后台交互的過程中,如果后台支持請求數據的話,那么注意格式為json格式的時候,注意key的值(也就是左邊的值全部都要雙引號括起來)value值嚴格根據后台的數據的類型來書寫。
https://www.cnblogs.com/zmj-blog/p/7119413.html
sessionStorage.setItem('key', 'value');
// 從sessionStorage獲取數據
var data = sessionStorage.getItem('key');
// 從sessionStorage刪除保存的數據
sessionStorage.removeItem('key');
// 從sessionStorage刪除所有保存的數據
sessionStorage.clear();