h5提供客戶端存儲數據的新方法：
localStorage -- 沒有時間限制的數據存儲 （持久化）
sessionStorage -- 針對一個session的數據存儲（會話級別）
1、web storage 和 cookie 的區別
Web Storage的概念和cookie相似，區別是它是為了更大容量存儲設計的。Cookie的大小是受限的，并且每次你請求一個新的頁面的時候Cookie都會被發送過去，這樣無形中浪費了帶寬，另外cookie還需要指定作用域，不可以跨域調用。
除此之外，Web Storage擁有setItem,getItem,removeItem,clear等方法，不像cookie需要前端開發者自己封裝setCookie，getCookie。
但是Cookie也是不可以或缺的：Cookie的作用是與服務器進行交互，作為HTTP規范的一部分而存在 ，而Web Storage僅僅是為了在本地“存儲”數據而生。
2、localStorage和sessionStorage操作
setItem、getItem 和 removeItem
setItem 存儲value sessionStorage.setItem("key", "value");
getItem 獲取value var value = sessionStorage.getItem("key");
removeItem 刪除key sessionStorage.removeItem("key");
clear 清除所有的key/value sessionStorage.clear();
3、瀏覽器兼容
//數據存儲 IE6~7 cookie 其他瀏覽器HTML5本地存儲
var arr = [0, 1, 1, 1];
if (window.localStorage) {
localStorage.setItem("menu", arr);
} else {
Cookie.write("menu", arr);
}
//數據讀取
var strStoreDate = window.localStorage? localStorage.getItem("menu"): Cookie.read("menu");
雖然我們存儲的是數組，但是，實際上存儲的的是數組字符化后的字符串。