sessionStorage和localStorage的區別

JS的本地保存localStorage、sessionStorage用法總結

         localStorage、sessionStorage是Html5的特性,IE7如下瀏覽器不支持

        爲何要掌握localStorage、和sessionStorage。

       JS中爲了減小與服務器的通訊，常常會用到保存的數據到本地的功能，

       例如本地用戶信息保存。

 

      localStorage和sessionStorage的區別：

 

     (1)、localStorage和sessionStorage同樣都是用來存儲客戶端臨時信息的對象。

     (2)、他們均只能存儲字符串類型的對象（雖然規範中能夠存儲其餘原生類型的對象，可是目前爲止沒有瀏覽器對其進行實現）。

     (3)、localStorage生命週期是永久，這意味着除非用戶顯示在瀏覽器提供的UI上清除localStorage信息，不然這些信息將永遠存在。

             sessionStorage生命週期爲當前窗口或標籤頁，一旦窗口或標籤頁被永久關閉了，那麼全部經過sessionStorage存儲的數據也就被清空了

     (4)、不一樣瀏覽器沒法共享localStorage或sessionStorage中的信息。相同瀏覽器的不一樣頁面間能夠共享相同的localStorage（頁面屬於相同域名和端口），可是不一樣頁面或標籤頁間沒法共享sessionStorage的信息。這裏須要注意的是，頁面及標籤頁僅指頂級窗口，若是一個標籤頁包含多個iframe標籤且他們屬於同源頁面，那麼他們之間是能夠共享sessionStorage的。

     (5)、

 

         http://www.test.com

         https://www.test.com （不一樣源，由於協議不一樣）

         http://my.test.com（不一樣源，由於主機名不一樣）

         http://www.test.com:8080（不一樣源，由於端口不一樣）

 

 

 

     localStorage、和sessionStorage的用法:

    

• localStorage和sessionStorage使用時使用相同的API：

  localStorage.setItem("key","value");//以「key」爲名稱存儲一個值「value」

  localStorage.getItem("key");//獲取名稱爲「key」的值

  枚舉localStorage的方法：

  for(var i=0;i<localStorage.length;i++){

       var name = localStorage.key(i)​;

       var value = localStorage.getItem(name);​

  }

  刪除localStorage中存儲信息的方法：

  localStorage.removeItem("key");//刪除名稱爲「key」的信息。

  localStorage.clear();​//清空localStorage中全部信息