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

两者区别是：一是名称不一样；二是数据的保存时长及他们的共享方式。