html5中的Web Storage包括了兩種存儲方式：sessionStorage和localStorage。

sessionStorage用于本地存儲一個會話（session）中的數(shù)據(jù)，在關(guān)閉瀏覽器就會消失。
localStorage用于持久化的本地存儲，除非主動刪除數(shù)據(jù)，否則數(shù)據(jù)是永遠(yuǎn)不會過期的。

web storage和cookie的區(qū)別

Web Storage的概念和cookie相似，區(qū)別是它是為了更大容量存儲設(shè)計(jì)的。Cookie的大小是受限的，并且每次你請求一個新的頁面的時候Cookie都會被發(fā)送過去，這樣無形中浪費(fèi)了帶寬，另外cookie還需要指定作用域，不可以跨域調(diào)用。
除此之外，Web Storage擁有setItem,getItem,removeItem,clear等方法，不像cookie需要前端開發(fā)者自己封裝setCookie，getCookie。
但是Cookie也是不可以或缺的：Cookie的作用是與服務(wù)器進(jìn)行交互，作為HTTP規(guī)范的一部分而存在 ，而Web Storage僅僅是為了在本地“存儲”數(shù)據(jù)而生。

localStorage和sessionStorage操作

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

localStorage和sessionStorage的方法

setItem存儲value

用途：將value存儲到key字段用法：.setItem( key, value)代碼示例：
sessionStorage.setItem("key", "value"); localStorage.setItem("site", "js8.in");

getItem獲取value

用途：獲取指定key本地存儲的值用法：.getItem(key)代碼示例：
var value = sessionStorage.getItem("key"); var site = localStorage.getItem("site");

removeItem刪除key

用途：刪除指定key本地存儲的值用法：.removeItem(key)代碼示例：
sessionStorage.removeItem("key"); localStorage.removeItem("site");

clear清除所有的key/value

用途：清除所有的key/value用法：.clear()代碼示例：
sessionStorage.clear(); localStorage.clear();