web storage
web storage頁面儲存是html5為資料儲存在客戶端提供的一項重要功能,由於web storage api能夠區分會話資料與長期資料。因此,相應api也分為兩種:
sessionstorage (儲存會話資料)
localstorage (在客戶端長期儲存資料)
sessionstorage
1、使用sessionstorage儲存資料的時間非常短暫,使用者開啟瀏覽器時,可以檢視操作過程中要求臨時儲存的資料,一旦關閉瀏覽器,所有sessionstorage物件儲存的資料將全部丟失
sessionstorage物件儲存資料的方法:
sessionstorage.setitem(key, value)
一旦鍵名設定成功,則不允許修改,也不能重複,新增重複的鍵名值將取代原有重複的鍵名值。
2、使用sessionstorage物件讀取被儲存的資料:
sessionstorage.getitem( key )
localstorage
localstorage可以將資料長期儲存在客戶端,直至人工清除為止
1、使用localstorage物件儲存資料:
localstorage.setitem(key , value)
2、使用localstorage獲取儲存的資料:
localstorage.getitem(key)
3、清除localstorage儲存的資料
localstorage.removeitem(key)
4、清除全部localstorage物件儲存的資料
localstorage.clear( )
5、localstorage的length屬性和key屬性
localstorage.length可以獲取當前頁面中儲存的資料資訊的數量
localstorage.key(index)可以獲取對應索引值的鍵值
在html5中可以通過localstorage資料與json物件的轉換,快速實現儲存更多資料的功能
對於localstorage而言,大多數桌面瀏覽器會設定每個**5mb的限制。chrome和safari對每個**的限制是2.5mb。而ios版safari和android版webkit的限制也是2.5mb
詳情請檢視藍克比爾
HTML5的本地儲存
html5的本地儲存分為永久性的本地儲存和會話性的本地儲存。會話性本地儲存sessionstorage 儲存在sessionstorage中的資料首先是key value形式的,另外就是它跟瀏覽器當前會話相關,當會話結束後,資料會自動清除,跟未設定過期時間的cookie類似。setitem key,...
HTML5之本地儲存
html5之本地儲存 l cookie 資料儲存到計算機中,通過瀏覽器控制新增與刪除資料 l cookie的特點 儲存限制 網域名稱100個cookie,每組值大小4kb 客戶端 伺服器端,都會請求伺服器 頭資訊 本地儲存也會請求伺服器 頁面間的cookie是共享 l storage session...
HTML5之本地儲存
html5本地儲存有localstorage和sessionstorage,兩者的區別就是localstorage一直儲存在本地不會過期,而sessionstorage視窗一旦關閉就沒了。兩者用法是一樣的。if window.localstorage else儲存操作如下 通過鍵值對應,只能儲存字串...