HTML 5 Web 存储--localStorage

首页 > IT技术

作者：起点终站

2017年4月1日 11:30 星期六

字号：小中大

评论：1

在客户端存储数据

HTML5 提供了两种在客户端存储数据的新方法：

localStorage - 没有时间限制的数据存储
sessionStorage - 针对一个 session 的数据存储

之前，这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得 cookie 速度很慢而且效率也不高。

在 HTML5 中，数据不是由每个服务器请求传递的，而是只有在请求时使用数据。它使在不影响网站性能的情况下存储大量数据成为可能。

对于不同的网站，数据存储于不同的区域，并且一个网站只能访问其自身的数据。

HTML5 使用 JavaScript 来存储和访问数据。

localStorage 方法

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

如何创建和访问 localStorage：

实例：

<script type="text/javascript">
localStorage.lastname="Smith";
document.write(localStorage.lastname);
</script>

下面的例子对用户访问页面的次数进行计数：

实例

<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>

如何清空 localStorage：

实例

<script type="text/javascript"> localStorage.clear(); </script>

您阅读这篇文章共花了：

浏览器内核控制meta name="renderer" 说明文档

如果朋友圈开启“收租”功能

localStorage

本文作者：起点终站文章标题： HTML 5 Web 存储--localStorage
本文地址：https://blog.hellozwh.com/?post=254
版权声明：若无注明，本文皆为“起点终站”原创，转载请保留文章出处。

MashaaReets02972021-07-29 17:40

你看了吗然后XRumer和XEvil工作.

想发布您的链接到12.000.000（12百万！）网站？没问题-新的"XEvil5.0+XRumer19.0.8"软件复杂！
博客，论坛，电路板，商店，留言簿，社交网络-任何带有任何验证码的引擎！
XEvil还兼容任何SEO/SMM程序和脚本，并可以接受来自任何来源的验证码。试试吧！ ;)

问候, MashoReets4035

P.S. 提供巨大的折扣（高达50％！）对于任何流行的论坛或平台上关于XEvil的简短评论。只要问官方支持折扣！