html5新特性：Web存储

如果说离线存储是Web资源文件的存储，那么Web存储就是应用程序中数据的存储。 Web存储提供两种存储方式：

• localStorage，无时间限制的数据存储
• sessionStorage，即网页未关闭时的存储。当网页窗口关闭时，数据将被破坏。

以前，都是借助cookie来完成的。但是，cookie 不适合存储大量数据，因为它们会随每个请求一起发送到服务器，这使得 cookie 速度缓慢且效率低下。

在 HTML5 中，数据并不是由每个服务器请求发送的，而是仅在请求时才使用数据。它使得在不影响网站性能的情况下存储大量数据成为可能。不同网站的数据存储在不同的区域，一个网站只能访问自己的数据。

`

localStorage.setItem('key', 'val') // 保存数据

localStorage.getItem('key') // 获取数据

localStorage.removeItem('key') / / 清除数据

localStorage.clear() // 清除所有数据

localStorage.key(index) // 获取特定索引数据

sessionStorage.setItem('key', 'val') // 存储data

sessionStorage.getItem('key') // 获取数据

sessionStorage.removeItem('key') // 删除数据`

注：localStorage 和 中存储的数据为所有字符串类型数据以及提取的数据也是字符串类型。因此，如果存储的对象不是字符串，则必须将其转换为字符串数据类型。