[Html 5] WebStorage | localstorage是什麼
[Html5]WebStorage-localStorage和sessionStorage基本使用方法前言※2014-07-15更新文章說明sessionStorage 最近案子需要用到Html5的localStorage加快開發速度,所以研究了一下基本使用方法 說明Html5的WebStorage分兩種,一個是sessionStorage,另一個是localStorage,兩者差別就差在生命周期的不同而已,只要會localStorage的使用方法,另一個sessionStorage寫法也差不多就會 WebStorage特性:1.儲存資料在Client端的瀏覽器,有點類似Cookie,不過WebStorage寫程式存取都是寫在Client端Javascript裡,Server端用不到2.都是使用key/val...
[Html 5] WebStorage - localStorage和sessionStorage 基本使用方法
前言※2014-07-15更新文章說明sessionStorage
最近案子需要用到Html 5的localStorage加快開發速度,所以研究了一下基本使用方法
說明
Html 5的Web Storage分兩種,一個是sessionStorage,另一個是localStorage,兩者差別就差在生命周期的不同而已,
只要會localStorage的使用方法,另一個sessionStorage寫法也差不多就會
Web Storage特性:
1.儲存資料在Client端的瀏覽器,有點類似Cookie,不過Web Storage寫程式存取都是寫在Client端Javascript裡,Server端用不到
2.都是使用key / value pair的方式 給值或取值
3.儲存資料容量至少5MB以上,比Cookie大很多
4.不會像Cookie一樣,隨著Request發送給Server端,因為Web Storage只作用在Client端瀏覽器,不會占用頻寬,不影響網站效能,所以可以把size大一點&安全性低的資料儲存在Web Storage,提升網站效能。
5.只能儲存字串,想儲存JS物件的話,要繞個彎,須先把JS物件做序列化為json格式再儲存進Web Storage,底下實作會說明
6.儲存在各瀏覽器中,所以在Chrome的Web Storage和IE的Web Storage是不會共用的,各自分開
7.Web Storage的值類似Cookie依網站區別,所以不同網站給相同的Web Storage值是不會共用的,是分開的
8.生命周期:
8-1:localStorage跨瀏覽器分頁、新視窗、甚至是關...