HTML5 Web Storage的圖文詳解

Web Storage是HTML5 API提供一個新的重要的特性；

最新的Web Storage草案中提到，在web客戶端可用html5 API，以Key-Value形式來進行資料持久性儲存；

#目前主要的瀏覽器已經支援該功能；

常見的web客戶端資料儲存比較：

#Html5 Web Storage非常容易Web開發者使用，他提供了非常簡單的獲取或設定key-value對的API；

#支援的資料大小由網頁瀏覽器廠商來決定，大多數支援都是5M或10M以上；

這就意味著，我們可以在客戶端存儲更多有關用戶及會話的信息，諸如用戶個人設置、本地化數據、離線數據等；

Web Storage儲存的資料可能用javascript來進行存取；

##Web Storage物件主要分為兩種類型：sessionStorage and localStorage;

# 

sessionStorage:是針對使用者執行單一交易的方案而設計的，僅在單一頁面（標籤或視窗）會話範圍內是有效的。所以當頁面session失效時，資料也會刪除；

localStorage:是跨多個窗口，且持續範圍可超過目前會話；表示當瀏覽器關閉再重新打開，資料依然是可用的；

這兩種類型的對象，在不同的瀏覽器之間存取資料是無效的；例如，我們在Firefox中創建localStorage,要在IE中去訪問，是訪問不到資料的；

Storage只能儲存key/value對，而且只支援字串類型的數據;如果你想保存其它類型的數據，在保存的時候就需要轉化成字符串，在讀取時，再轉化回來；

它儲存的資料並不進行加密，所以雖然web Storage功能很強大，但也不宜保存比較敏感的資料；

Web Storage支援的屬性與方法：

#Web Storage支援storage事件：

當web storage中的資料被儲存後，修改或刪除數據，都會觸發Storage事件。

觸發該事件對象，包含了觸發對象，URL及key/value變化前後的鍵值。

雖然規範裡要求Storage事件在同一個瀏覽器裡能被所有的視窗或標籤頁觸發，但是該功能目前只有少數的瀏覽器支持。

Storage Event支援的屬性有：

 

 

以上是HTML5 Web Storage的圖文詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！