当前位置：Gxlcms > html代码 > 解析HTML5的存储功能和webSQL的相关操作方法_html5教程技巧

解析HTML5的存储功能和webSQL的相关操作方法_html5教程技巧

时间：2021-07-01 10:21:17 帮助过：10人阅读

HTML5 引入了两种机制，类似于 HTTP 的会话 cookies，用于在客户端存储结构化数据以及克服以下缺点。

每个 HTTP 请求中都包含 Cookies，从而导致传输相同的数据减缓我们的 Web 应用程序。

每个 HTTP 请求中都包含 Cookies，从而导致发送未加密的数据到互联网上。

Cookies 只能存储有限的 4KB 数据，不足以存储所需的数据。
这两种存储方式是 session storage 和 local storage，它们将用于处理不同的情况。

几乎所有最新版的浏览器都支持 HTML5 存储，包括 IE 浏览器。

会话存储
_会话存储_被设计用于用户执行单一事务的场景，但是同时可以在不同的窗口中执行多个事务。

示例

比如，如果用户在同一网站的两个不同的窗口中购买机票。如果该网站使用 cookie 跟踪用户购买的机票，当用户在窗口中点击页面时，从一个窗口到另一个时当前已经购买的机票会“泄漏”，这可能导致用户购买同一航班的两张机票而没有注意到。

HTML5 引入了 sessionStorage 属性，这个网站可以用来把数据添加到会话存储中，用户仍然可以在打开的持有该会话的窗口中访问同一站点的任意页面，当关闭窗口时，会话也会丢失。

下面的代码将会设置一个会话变量，然后访问该变量：