cookie,localStorage和sessionStorage區別

三者的異同

特性	Cookie	localStorage	sessionStorage
數據的生命期	一般由服務器生成，可設置失效時間。如果在瀏覽器端生成Cookie，默認是關閉瀏覽器后失效	除非被清除，否則永久保存	僅在當前會話下有效，關閉頁面或瀏覽器后被清除
存放數據大小	4K左右	一般為5MB
與服務器端通信	每次都會攜帶在HTTP頭中，如果使用cookie保存過多數據會帶來性能問題	僅在客戶端（即瀏覽器）中保存，不參與和服務器的通信
易用性	需要程序員自己封裝，源生的Cookie接口不友好	源生接口可以接受，亦可再次封裝來對Object和Array有更好的支持

localStorage和sessionStorage操作

localStorage和sessionStorage都具有相同的操作方法，例如setItem、getItem和removeItem等

localStorage和sessionStorage的方法

setItem存儲value

用途：將value存儲到key字段

sessionStorage.setItem("key", "value");     localStorage.setItem("site", "js8.in");

getItem獲取value

用途：獲取指定key本地存儲的值

var value = sessionStorage.getItem("key");     var site = localStorage.getItem("site");

removeItem刪除key

用途：刪除指定key本地存儲的值

sessionStorage.removeItem("key");     localStorage.removeItem("site");

clear清除所有的key/value

用途：清除所有的key/value

sessionStorage.clear();     localStorage.clear();