區別:
localStorage生命週期是永久,這意味着除非用戶顯示在瀏覽器提供的UI上清除localStorage信息,否則這些信息將永遠存在。存放數據大小爲一般爲5MB,而且它僅在客戶端(即瀏覽器)中保存,不參與和服務器的通信。
sessionStorage僅在當前會話下有效,關閉頁面或瀏覽器後被清除。存放數據大小爲一般爲5MB,而且它僅在客戶端(即瀏覽器)中保存,不參與和服務器的通信。源生接口可以接受,亦可再次封裝來對Object和Array有更好的支持。
使用方法:
localStorage和sessionStorage使用時使用相同的API:
localStorage.setItem("key","value");//以“key”爲名稱存儲一個值“value”
localStorage.getItem("key");//獲取名稱爲“key”的值
localStorage.removeItem("key");//刪除名稱爲“key”的信息。
localStorage.clear();//清空localStorage中所有信息
sessionStorage.setItem("key","value");//以“key”爲名稱存儲一個值“value”
sessionStorage.getItem("key");//獲取名稱爲“key”的值
sessionStorage.removeItem("key");//刪除名稱爲“key”的信息。
sessionStorage.clear();//清空localStorage中所有信息
這裏需要注意的是,我們在保存數組類型的數據的時候,我們需要使用到JSON:
var weekArray = ['週一'、'週二'、'週三'、'週四'、'週五'];
localStorage.setItem('key',JSON.stringify(weekArray ));
weekArray = JSON.parse(localStorage.getItem('key'));