localStorage和sessionStorage是HTML5提供的對於Web儲存的解決方案

相同點

• 都與HTTP無關，是HTML5提供的標準，當發起HTTP請求時不會與Cookie一樣自動攜帶
• 都是以鍵值對的形式存在，即Key-Value形式，常用的Api也相同
• 儲存型別都是String型別，當進行儲存時，會呼叫toString()方法轉為String型別
• 對於每個域容量是有限的，不同瀏覽器不一樣，大部分儲存為5M左右

不同點

• localStorage用於持久化的本地儲存，除非主動刪除資料，否則資料是永遠不會過期的。
• SessionStorage會在使用者關閉瀏覽器後，即會話結束後，資料失效；SessionStorage
  與服務端Session無關。

localStorage 本地儲存

localStorage 本地儲存 把資料儲存在瀏覽器端

方法：

​ 儲存資料 localStorage.setItem(屬性名字串,屬性值)

​ 獲取資料 localStorage.getItem(屬性名字串)

​ 刪除資料 localStorage.removeItem(屬性名字串)

​ 清空資料 localStorage.clear()

localStorage 儲存特點：

1.如果把資料儲存在localStorage裡 除非手動刪除 否則他就會一直存在(關閉瀏覽器 電腦重啟 等等 都不會刪除)

2.資料的本地儲存是按照不同網站來儲存的(不同域名)

3.本地儲存資料 只能儲存字串

​ 對於複雜資料型別 先使用JSON.stringify方法把複雜資料轉換成json字串

​ 獲取時 使用JSON.parse將其轉換回來 進行還原

sessionStorage 臨時儲存

用法跟localStorage 一樣

​ sessionStorage.setItem();

​ sessionStorage.getItem();

​ sessionStorage.removeItem();

​ sessionStorage.clear();

​ 生命週期不一樣 localStorage是永久儲存 sessionStorage是會話級儲存 頁面關閉就刪除