html存储特点,HTML5中的Web存储－Web Storage的优缺点

​HTML5中的Web存储

HTML5的Web

Storage提供了两种在客户端存储数据的方法，可以让web页面实现在客户端浏览器中以键值对的形式在本地保存数据。

localStorage

localStorage是一种没有时间限制的数据存储方式，可以将数据永久保存在客户端，浏览器的关闭并不意味着数据也随之消失，当再次打开浏览器时，依然可以访问这些数据。localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。

sessionStorage

sessionStorage指的是针对一个session的数据存储，即将数据保存在session对象中。web中的session指的是用户在浏览某个网站时，从进入网站到关闭浏览器所经过的这段时间，可以称为用户与浏览器进行交互的“会话时间”。session对象用来保存这个时间内所有要保存的数据，当用户关闭浏览器后，这些数据会被删除。

以上介绍可以看出，localStorage可以永久保存数据，而sessionStorage只能暂时保存数据，这是两者之间的重要区别，在具体使用时应该注意。

Web Storage的优缺点

HTML5在Web存储方面所做的重大改进，包括支持在客户端本地建立一个数据库，这是对HTML4中的cookies储存机制的改善和提高，其应用会越来越广泛。

Web Storage的优点

存储空间：存储空间更大。无论什么浏览器都比cookie要大很多

服务器：存储内容不会发送到服务器。仅仅存在于本地，不会与服务器发生任何交互

接口：更多丰富易用的接口。Web Storage提供了一套更为丰富的接口，使得数据操作更为简便

存储空间：独立的存储空间。每个域都有独立存储空间，各个存储空间是完全独立的不会造成数据混乱

Web Storage的缺点

浏览器会为每个域分配独立的存储空间，即脚本在域A中是无法访问到域B中的存储空间的，但是浏览器却不会检查脚本所在的域与当前域是否相同，即在域B中嵌入域A中的脚本依然可以访问域B中的数据

存储在本地的数据未加密而且永远不会过期，极易造成隐私泄露

​