HTML5编程之旅 第6站Web Storage

十年热恋 提交于 2019-12-01 02:38:39

Web Storage,有时也称为DOMStorage,它提供在Web请求之间持久化数据,在此之前,远程Web服务器需要存储客户端和服务器间交互使用的所有相关数据。利用Web Storage,开发者可以将需要跨请求重复访问的数据直接存储在客户端的浏览器中,且可以在关闭浏览器很久后再次打开时恢复数据,以减少网络流量。

一、Web Storage概述

cookie可以称之为Web Storage的前身,但是cookie存在如下限制:

cookie的大小受限制;只要有请求涉及cookiecookie就需要在服务器和浏览器之间进行传送。

二、Web Storage API

1、浏览器支持

使用window.sessionStoragewindow.localStorage可以检查浏览器是否支持Web Storage

2、设置和获取数据

设置数据

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

window.sessionStorage.myFirstKey="myFirstValue"

获取数据

window.sessionStorage.getItem("myFirstKey")

window.sessionStorage.myFirstKey

sessionStorage可以使得不同的页面获取同意的值,只要这些网页是同源的。

3、封堵数据泄露

对于设置到sessionStorage中的对象,只要浏览器窗口不关闭,它们就会一直存在。当用户关闭窗口或浏览器时sessionStorage的数据将被清除。

sessionStorage非常适用于短时存在的流程中,如对话框和向导。如果数据需要存储在多个页面中,同时又不希望用户下一次访问应用程序时重新部署,则可将这些数据存储在sessionStorage,其可以避免来回传递。

sessionStorage还解决了一个web应用程序的问题:数据作用域。

4、localStoragesessionStorage

二者区别是:一是名称不同;二是数据的保存时长及他们的共享方式。

 


标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!