瀏覽器支持情況
webStorage.png
webStorage是什么蚓再？
Method of storing data locally like cookies, but for larger amounts of data (sessionStorage and localStorage, used to fall under HTML5).
一種保存數據在本地的方法像cookies一樣，但用于存儲大量的數據（HTML5標準下的sessionStorage 和 localStorage）
webStorage提供了localStorage 和 sessionStorage 兩個api绩社。
- localStorage
本地存儲沐批，除非被顯示的刪除痢毒，否則一直存在冠王。數據大小為5MB米丘。
- sessionStorage
只在當前會話下存在剑令，關閉瀏覽器或頁面后被清除。數據大小為5MB拄查。使用方法與localStorage吁津。
使用
localStorage Api
setItem(key,value)
getItem(key)
removeItem(key)
clear()
length
key(n) 返回第n個key的名稱
var ls=window.localStorage;
// 保存數據
// 數據以string類型的保存在本地
ls.setItem('one',1);
// 取出數據
ls.getItem('one');//1
// 刪除某個鍵值對
ls.removeItem('one');
// 刪除全部
ls.clear();
// 返回本地存儲的個數
ls.length;
sessionStorage Api
api和使用方法與localStorage相同
sessionStorage 、localStorage 和 cookie 之間的區(qū)別
cookie是網站為了標示用戶身份而儲存在用戶本地終端（Client Side）上的數據（通常經過加密）堕扶。
cookie數據始終在同源的http請求中攜帶（即使不需要）碍脏，記會在瀏覽器和服務器間來回傳遞。
sessionStorage和localStorage不會自動把數據發(fā)給服務器稍算，僅在本地保存典尾。
存儲大小：
cookie數據大小不能超過4k糊探。
sessionStorage和localStorage 雖然也有存儲大小的限制钾埂，但比cookie大得多，可以達到5M或更大科平。
有期時間：
localStorage 存儲持久數據褥紫，瀏覽器關閉后數據不丟失除非主動刪除數據；
sessionStorage 數據在當前瀏覽器窗口關閉后自動刪除瞪慧。
cookie 設置的cookie過期時間之前一直有效髓考，即使窗口或瀏覽器關閉