HTML5之客户端存储数据

た入场券 2022-08-19 08:38 30阅读 0赞

**在客户端存储数据**

HTML5 提供了两种在客户端存储数据的新方法：localStorage - 没有时间限制的数据存储;sessionStorage - 针对一个 session 的数据存储之前，这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得 cookie 速度很慢而且效率也不高。在 HTML5 中，数据不是由每个服务器请求传递的，而是只有在请求时使用数据。它使在不影响网站性能的情况下存储大量数据成为可能。对于不同的网站，数据存储于不同的区域，并且一个网站只能访问其自身的数据。HTML5 使用 JavaScript 来存储和访问数据。

##     ##

## localStorage 方法 ##

localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后，数据依然可用。

<script type="text/javascript">
    if (localStorage.pagecount)
      {
      localStorage.pagecount=Number(localStorage.pagecount) +1;
      }
    else
      {
      localStorage.pagecount=1;
      }
    document.write("Visits "+ localStorage.pagecount + " time(s).");
    </script>

## sessionStorage 方法 ##

sessionStorage 方法针对一个 session 进行数据存储。当**用户关闭浏览器窗口后，数据会被删除**。

<script type="text/javascript">
    if (sessionStorage.pagecount)
      {
      sessionStorage.pagecount=Number(sessionStorage.pagecount) +1;
      }
    else
      {
      sessionStorage.pagecount=1;
      }
    document.write("Visits "+sessionStorage.pagecount+" time(s) this session.");
    </script>

发表评论取消回复

表情：

评论列表（有 0 条评论，30人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML5：离线应用与客户端存储

HTML5的一大亮点是支持离线 Web 应用。 HTML5 把离线应用作为重点，这样 Web 应用能够与传统的客户端应用同场竞技，不再完全依赖网络。开发离线 Web 应用

﹏ヽ暗。殇╰゛Y/ 2022年09月29日 04:26/ 0 赞/ 217 阅读

相关 HTML5之客户端存储数据

在客户端存储数据 HTML5 提供了两种在客户端存储数据的新方法：localStorage - 没有时间限制的数据存储;sessionStorage - 针对一个 sessi

た入场券/ 2022年08月19日 08:38/ 0 赞/ 31 阅读

相关 html5本地存储之数据库

对于简单的数据，使用sessionStorage和localStorage 能够很好地完成存取，但是对于处理复杂的关系型数据，它就力不从心了。这也是 HTML 5 的

我就是我/ 2022年06月15日 07:36/ 0 赞/ 288 阅读

相关 HTML5web存储之localStorage

转载自http://www.cnblogs.com/xinran476460042/p/5412993.html localStorage与cookie的作用类似，只能存储字

骑猪看日落/ 2022年05月30日 08:18/ 0 赞/ 226 阅读

相关 5、客户端

前言 1、序列化 Jedis还提供了字节数组的参数，可以将java对象序列化为二进制，当需要的时候，取出来。 2、Jedis连接 1、直接连接每次使

矫情吗；*/ 2022年05月27日 13:48/ 0 赞/ 238 阅读

相关 HTML5客户端存储Web Storage

1. Web Storage 支持情况：IE8以上的主流浏览器都支持Web Storage，IOS平台和Android平台对Web Storage都有很好的支持。 loca

ゝ一世哀愁。/ 2022年05月11日 01:04/ 0 赞/ 395 阅读

相关 HTML 5 存储

> 小编推荐：[Fundebug][]提供JS错误监控、微信小程序错误监控、微信小游戏错误监控，Node.j错误监控和Java错误监控。真的是一个很好用的错误监控费服务，众多大

港控/mmm°/ 2022年02月15日 07:00/ 0 赞/ 206 阅读

相关 HTML5五种客户端离线存储方案

最近折腾HTML5游戏需要离线存储功能，便把目前可用的几种HTML5存储方式研究了下，基于[HT for Web][]写了个综合的实例，分别利用了Cookie、WebStora

野性酷女/ 2022年02月05日 06:25/ 0 赞/ 293 阅读

相关 html5之indexdb(nosql存储)

indexedDB是HTML5-WebStorage的重要一环，是一种轻量级NOSQL数据库。相比web sql(sqlite)更加高效，包括索引、事务处理和健壮的查询功能。i

落日映苍穹つ/ 2021年06月24日 14:34/ 0 赞/ 527 阅读

相关 html5新增的客户端校验

1.表单控件提供的checkValidity（）方法进行校验。例如：如果checkValidity（）方法返回true 则表明该表单内的所有表单控件都有效。

系统管理员/ 2021年01月10日 06:55/ 0 赞/ 660 阅读