WebStorage的出現是為了彌補cookie的不足,cookie一方面是容量小,4k/8k,存幾個電子郵件都不夠,二來是全局的,容易被誤用,盜用。
在HTML5中網絡存儲按照生命周期分為2種,一種是基於會話(session),這種存儲周期只是當前會話,當網頁[注1]被關被後,或者被轉到其他網站後,存儲也就被銷毀;
sessionStorage.varName = “生成新變量”; sessionStorage.varName = “變量操作”; delete sessionStorage.varName; //刪除變量
另外一種是本地存儲,當網頁下次被打開的時候,你仍然可以訪問上次打開該網頁時存儲的數據,比如本地存儲的網站用戶名就可以使用這種方式。
用法和基於會話的存儲一樣,只是前綴名改成了localStorage
localStorage.varName = “生成新變量”; localStorage.varName = “變量操作”; delete localStorage.varName; //刪除變量
從上面可以看出web storage其實也只是解決了輕量級的數據存儲問題,如果是大量的數據查詢,比如商品列表,還是得靠數據庫,HTML5中有Web Database來支持這一操作,基本操作和SQL一致。
注1:現在的浏覽器基本都支持多窗口了,一個窗口對應一個網頁
注2:官方參考