js中localStorage、sessionStorage的使用方法和區別

區別:

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'));

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章