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支持的屬性有：