Web存储

在HTML5标准之前，Web存储信息需要Cookies来完成，但是Cookie不适合大量数据存储，因为它们由每个对服务器的请求来传递，这使得Cookies速度很慢，而且效率也不高。因此，在HTML中，Web存储API为用户如何在计算机或设备上存储用户信息做了数据标准的定义。

本地存储和Cookies的区别

1. 本地存储是仅存储在用户的硬盘上并等待用户读取，而Cookies是在服务器上读取的。
2. 本地存储供客户端使用，如果需要服务器端根据存储数值做出反映，就应该使用Cookies。
3. 读取本地存储不会影响网络带宽，但是使用Cookies将会发送到服务器，这样会影响到网络带宽，无形中增加成本。
4. 从存储容量上看，，本地存储可以存储多达5MB的数据，而Cookies最多只能存储4KB的数据信息。

在客户端存储数据

两种在客户端存储数据的新函数：

1. sessionStorage：针对一个session的数据存储，也被称为会话存储。让用户跟踪特定窗口中的数据，即使同时打开两个窗口是在同一站点，每个窗口也有自己独立的存储对象，但是用户会话的持续时间只是限定在用户打开浏览器窗口的时间，一旦关闭浏览器，用户会话将结束。该函数的使用语法格式如下：

<script type="text/javascript">
sessionStorage.abc="   ";
</script>

2. localStorage:没有时间限制的数据存储，也称为本地存储，和绘画存储不同，本地存储将在用户计算机上永久保存数据信息。关闭浏览器窗口后，如果再打开该站点，就可以检索所有存储在本地上的数据。语法格式如下：

<script type="text/javascript">
localStorage.abc="    ";
</script>
```注意：每个浏览器的存储是分开并独立工作的。