h5提供客戶端存儲(chǔ)數(shù)據(jù)的新方法：
localStorage -- 沒有時(shí)間限制的數(shù)據(jù)存儲(chǔ) （持久化）
sessionStorage -- 針對(duì)一個(gè)session的數(shù)據(jù)存儲(chǔ)（會(huì)話級(jí)別）
1腥光、web storage 和 cookie 的區(qū)別
Web Storage的概念和cookie相似，區(qū)別是它是為了更大容量存儲(chǔ)設(shè)計(jì)的肩杈。Cookie的大小是受限的柴我，并且每次你請(qǐng)求一個(gè)新的頁面的時(shí)候Cookie都會(huì)被發(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僅僅是為了在本地“存儲(chǔ)”數(shù)據(jù)而生说铃。
2访惜、localStorage和sessionStorage操作
setItem、getItem 和 removeItem
setItem 存儲(chǔ)value sessionStorage.setItem("key", "value");
getItem 獲取value var value = sessionStorage.getItem("key");
removeItem 刪除key sessionStorage.removeItem("key");
clear 清除所有的key/value sessionStorage.clear();
3腻扇、瀏覽器兼容
//數(shù)據(jù)存儲(chǔ) IE6~7 cookie 其他瀏覽器HTML5本地存儲(chǔ)
var arr = [0, 1, 1, 1];
if (window.localStorage) {
localStorage.setItem("menu", arr);
} else {
Cookie.write("menu", arr);
}
//數(shù)據(jù)讀取
var strStoreDate = window.localStorage? localStorage.getItem("menu"): Cookie.read("menu");
雖然我們存儲(chǔ)的是數(shù)組债热，但是，實(shí)際上存儲(chǔ)的的是數(shù)組字符化后的字符串幼苛。