HTML5編程之旅 第6站Web Storage

Web Storage，有時也稱爲DOMStorage，它提供在Web請求之間持久化數據，在此以前，遠程Web服務器須要存儲客戶端和服務器間交互使用的全部相關數據。利用Web Storage，開發者能夠將須要跨請求重複訪問的數據直接存儲在客戶端的瀏覽器中，且能夠在關閉瀏覽器好久後再次打開時恢復數據，以減小網絡流量。

1、Web Storage概述

cookie能夠稱之爲Web Storage的前身，可是cookie存在以下限制：

cookie的大小受限制；只要有請求涉及cookie，cookie就須要在服務器和瀏覽器之間進行傳送。

2、Web Storage API

一、瀏覽器支持

使用window.sessionStorage和window.localStorage能夠檢查瀏覽器是否支持Web Storage。

二、設置和獲取數據

設置數據

window.sessionStorage.setItem("myFirstKey","myFirstValue")

window.sessionStorage.myFirstKey="myFirstValue"

獲取數據

window.sessionStorage.getItem("myFirstKey")

window.sessionStorage.myFirstKey

sessionStorage可使得不一樣的頁面獲取贊成的值，只要這些網頁是同源的。

三、封堵數據泄露

對於設置到sessionStorage中的對象，只要瀏覽器窗口不關閉，它們就會一直存在。當用戶關閉窗口或瀏覽器時sessionStorage的數據將被清除。

sessionStorage很是適用於短時存在的流程中，如對話框和嚮導。若是數據須要存儲在多個頁面中，同時又不但願用戶下一次訪問應用程序時從新部署，則可將這些數據存儲在sessionStorage，其能夠避免來回傳遞。

sessionStorage還解決了一個web應用程序的問題：數據做用域。

四、localStorage和sessionStorage

兩者區別是：一是名稱不一樣；二是數據的保存時長及他們的共享方式。