HTML本地儲存有cookies、 localStorage 、sessionStorage、Web SQL、IndexedDB。

以下是它們的區別

cookies： 在HTML5標準前本地儲存的主要方式，優點是相容性好，請求頭自帶cookie方便，缺點是大小隻有4k，自動請求頭加入cookie浪費流量，每個domain限制20個cookie，使用起來麻煩需要自行封裝localStorage：HTML5加入的以鍵值對(Key-Value)為標準的方式，優點是操作方便，永久性儲存（除非手動刪除），大小為5M，相容IE8+sessionStorage：與localStorage基本類似，區別是sessionStorage當頁面關閉後會被清理，而且與cookie、localStorage不同，他不能在所有同源視窗中共享，是會話級別的儲存方式Web SQL：2010年被W3C廢棄的本地資料庫資料儲存方案，但是主流瀏覽器（火狐除外）都已經有了相關的實現，web sql類似於SQLite，是真正意義上的關係型資料庫，用sql進行操作，當我們用JavaScript時要進行轉換，較為繁瑣。IndexedDB： 是被正式納入HTML5標準的資料庫儲存方案，它是NoSQL資料庫，用鍵值對進行儲存，可以進行快速讀取操作，非常適合web場景，同時用JavaScript進行操作會非常方便。