1、cookie

特點：

（1）可以相容到包括ie6以上的所有瀏覽器

（2）cookie在不同瀏覽器上數量和大小（不超過4kb）都有限制

（3）cookie的生命週期是根據設定值得expire的時間來控制的。

（4）需要自己寫操作函式實現操作

適用範圍：

（1）低版本的瀏覽器相容

（2）需要前後端進行傳遞的資料（比如使用者的登入狀態）

2、sessionStorage和localStorage

特點：資料以鍵/值對存在，存放資料大小一般5MB，儲存一些不需要和伺服器進行互動的資料

1）localStorage沒有時間限制（關閉瀏覽器，開啟瀏覽器，儲存的資料依然存在）

2）sessionStorage針對一個session的資料儲存（關閉瀏覽器視窗，儲存的資料清空），前進、後退、重新整理資料依然存在

3）只能儲存字串型別的物件

4）都是用來儲存客戶端臨時資訊的物件

5）不同瀏覽器無法共享sessionStorage、localStorage中的i資訊

相同瀏覽器不同頁面可以共享localStorage中的i資訊（同協議、同域名、同埠號）；但sessionStorage不可以共享

方法：

sessionStorage和localStorage用法相同

• 儲存資料：localStorage.setItem(key,value);
• 讀取資料：localStorage.getItem(key);
• 刪除單個數據：localStorage.removeItem(key);
• 刪除所有資料：localStorage.clear();
• 得到某個索引的key：localStorage.key(index);

附加：

應用程式快取

使用html5、通過建立cache mainifest檔案來建立web應用的離線版本

特點：

（1）離線瀏覽---使用者可在應用離線時使用它們

（2）速度-已快取資源載入得更快

（3）減少伺服器負載--瀏覽器將只從伺服器下載更新過後更改過的資源

好文章推薦：http://blog.csdn.net/u013063153/article/details/52458348