cookie

本來用于客戶端和服務端通信，

但是因為它有本地存儲的功能，于是被“借用”了。

使用方法

document.cookie 獲取和修改即可

缺點

存儲量太少，只有4kb

所有http請求都帶著，會影響獲取資源的效率。

API簡單，需要封裝才能使用。

localStorage和sessionStorage

HTML5專門為存儲而設計，最大容量5M。

localStorage的數據，只要不刪除，永遠存在。

sessionStorage的數據，只要關閉當前窗口頁，便會刪除。

使用方法

localStorage.setItem(key,value) 設置

sessionStorage.setItem(key,value) 設置

localStorage.getItem(key) 獲取

sessionStorage.getItem(key)

localStorage.removeItem(key) 刪除

sessionStorage.removeItem(key)

localStorage.clear() 清空

sessionStorage.clear()

區別總結

容量

是否會攜帶到ajax中

API易用性

原文：https://www.cnblogs.com/dqiii/p/13168833.html