Html5中的本地儲存

2022-02-26 18:33:58 字數 1302 閱讀 8721

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儲存操作如下 通過鍵值對應,只能儲存字串...