【网站建设】什么是Web Storage?

2016-08-31 885 2 编辑:Monster 来源:程序书籍

在HTML5中,除了canvas元素之外,另一个新增的非常重要的功能是可以在客户端本地保存数据的Web Storage功能。Web应用的发展,使得客户端存储使用得也越来越多,而实现客户端存储的方式则是多种多样。最简单而且兼容性最佳的方案是cookies,但是作为真正的客户端存储,cookies还存在一些不足。

1.大小:cookies的大小被限制在4KB。

2.带宽:cookies是随HTTP事务一起发送的,因此会浪费一部分发送cookies时使用的带宽。

3.复制:cookies操作起来比较麻烦:所有的信息要被拼到一个长字符串里面。

4.联系:对cookies来说,在相同的站点与多事务处理保持联系不是很容易。

在这种情况下,在HTML5中重新提供了一种在客户端本地保存数据的功能,它就是Web Storage功能。

顾名思义,Web Storage功能就是在Web上储存数据的功能,而这里的存储,是针对客户端本地而言的。它包含两种存储类型:sessionStorage和localStorage二者都支持在同域下存储5MB数据,与cookies相比有着明显的优势。

sessionStorage

将数据保存在session对象中。所谓session,是指用户在浏览器某个网站时,从进入网站到浏览器关闭所经过的这段时间,即浏览这个网站所花费的时间。session对象可以用来保存在这段时间内所要保存的任何数据。

locaStorage

将数据保存在客户端本地的硬件设备中,即使关闭了浏览器,该数据仍然存在,下次打开浏览器访问网站时仍然可以继续使用。

这两种不同的存储类型区别在于,sessionStorage为临时保存,而localStorage为永久保存。

本站文章均为深正网站建设摘自权威资料,书籍,或网络原创文章,如有版权纠纷或者违规问题,请即刻联系我们删除,我们欢迎您分享,引用和转载,我们谢绝直接复制和抄袭!感谢...
关注深正互联