HTML5之Web Storage

WebStorage的出現是為了彌補cookie的不足,cookie一方面是容量小，4k/8k，存幾個電子郵件都不夠，二來是全局的，容易被誤用，盜用。

在HTML5中網絡存儲按照生命周期分為2種，一種是基於會話(session),這種存儲周期只是當前會話，當網頁[注1]被關被後，或者被轉到其他網站後，存儲也就被銷毀；

1. sessionStorage.varName = “生成新變量”;
2. sessionStorage.varName = “變量操作”;
3. delete sessionStorage.varName; //刪除變量

sessionStorage.varName = “生成新變量”;
sessionStorage.varName = “變量操作”;
delete sessionStorage.varName;  //刪除變量

另外一種是本地存儲，當網頁下次被打開的時候，你仍然可以訪問上次打開該網頁時存儲的數據，比如本地存儲的網站用戶名就可以使用這種方式。
用法和基於會話的存儲一樣，只是前綴名改成了localStorage

1. localStorage.varName = “生成新變量”;
2. localStorage.varName = “變量操作”;
3. delete localStorage.varName; //刪除變量

localStorage.varName = “生成新變量”;
localStorage.varName = “變量操作”;
delete localStorage.varName;  //刪除變量

從上面可以看出web storage其實也只是解決了輕量級的數據存儲問題，如果是大量的數據查詢，比如商品列表，還是得靠數據庫,HTML5中有Web Database來支持這一操作，基本操作和SQL一致。
注1：現在的浏覽器基本都支持多窗口了，一個窗口對應一個網頁
注2：官方參考