Html5中的本地存儲

Web Storage

web storage頁面存儲是html5爲數據存儲在客戶端提供的一項重要功能，因爲web storage API可以區分會話數據與長期數據。所以，相應API也分爲兩種：

sessionStorage （保存會話數據）

localStorage （在客戶端長期保存數據）

sessionStorage

一、使用sessionStorage保存數據的時間很是短暫，用戶打開瀏覽器時，能夠查看操做過程當中要求臨時保存的數據，一旦關閉瀏覽器，全部sessionStorage對象保存的數據將所有丟失

sessionStorage對象保存數據的方法：

sessionStorage.setItem(key, value)

一旦鍵名設置成功，則不容許修改，也不能重複，新增重複的鍵名值將取代原有重複的鍵名值。

 

 

二、使用sessionStorage對象讀取被保存的數據：

sessionStorage.getItem( key )

　　

localStorage

localStorage能夠將數據長期保存在客戶端，直至人工清除爲止

一、使用localStorage對象保存數據：

localStorage.setItem(key , value)

 

二、使用localStorage獲取保存的數據：

localStorage.getItem(key)

 

三、清除localStorage保存的數據

localStorage.removeItem(key)

 

四、清除所有localStorage對象保存的數據

localStorage.clear( )

 

五、localStorage的length屬性和key屬性

 

localStorage.length 能夠獲取當前頁面中保存的數據信息的數量

localStorage.key（index）能夠獲取對應索引值的鍵值

 

在html5中能夠經過localStorage數據與JSON對象的轉換，快速實現存儲更多數據的功能

對於localStorage而言，大多數桌面瀏覽器會設置每一個來源5MB的限制。Chrome和Safari對每一個來源的限制是2.5MB。而ios版Safari和Android版Webkit的限制也是2.5MB

　

詳情請查看藍克比爾