h5新增長的存儲方法

h4中使用的cookie把用戶信息保存在客戶端瀏覽器，可是它受到不少限制。

大小：最多能存儲4k

帶寬：它是隨着http請求一塊兒發送到服務器的，所以浪費一部分的帶寬。

複雜度：操做複雜。

h5新增長了一種在客戶端本地存儲數據的方法 webstorange,分兩種形式sessionStorage和localStorage

 

sessionStorage：將數據保存在session對象中。所謂session，是指用戶在瀏覽某個網站時，從進入網站到瀏覽器關閉所通過的這段時間，session對象可用來保存在這段時間內所要求保存的任何數據

localStorage：將數據保存在客戶端本地的硬件設備中，即便瀏覽器關閉了，該數據仍然存在，下次打開瀏覽器訪問網站時仍然可用 區別：sessionStorage爲臨時保存，localStorage爲永久保存。

 

sessionStorage 臨時保存用一窗口的數據 關閉窗口時會刪除數據
存的兩種方式
一setItem()方法存儲：sessionStronge.setItem("test","測試")
二經過屬性方式存儲： sessionStronge["test"]="測試";
取
一getItem()方法取：sessionStronge.getItem()
二屬性方法取：sessionStronge["test"]
銷燬sessionStronge.clear()
可存儲json格式數據 轉換成json格式字符串格式存儲
var obj={
name:"test",
age:18
}
sessionStronge.setItem("test",JSON.stringify(obj));

localStorange用來做爲本地存貯，解決了session存儲空間不夠的問題
訪問當前域名，關閉當前域名再次打開會存在
缺陷：高版本支持 ie8以上支持（如下用userData）
不能被爬蟲獲取
瀏覽器隱私模式下是不可取的
存儲內容過多會是頁面變卡
存
var storage=window.localStorange;
storange.setItem("test",3);
取
storange.getItem("test");
所有刪除
storange.clear();
刪除某一個
storange.removeItem("test");