首頁  >  文章  >  web前端  >  HTML5 Web Storage的圖文詳解

HTML5 Web Storage的圖文詳解

黄舟
黄舟原創
2017-03-28 15:47:091327瀏覽

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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn