html5的localStorage的操作
发布日期:2021-06-21 03:00:17 浏览次数:20 分类:技术文章

本文共 948 字,大约阅读时间需要 3 分钟。

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

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

localStorage - 没有时间限制的数据存储,数据不是由每个服务器请求传递的,而是只有在请求时使用数据。

localStorage存储
window.localStorage.setItem('key',value)
localStorage.setItem('param',JSON.stringify(Object))
实例
<script type="text/javascript">
localStorage.lastname="Smith";
document.write(localStorage.lastname);
</script>

localStorage读取

localStorage.getItem("key")
JSON.parse(localStorage.getItem("key"))
实例
<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删除
localStorage.removeItem('key')
实例
<script type="text/javascript">
localStorage.removeItem('lastname');
</script>

localStorage清空所有的key
localStorage.clear()
实例
<script type="text/javascript">
localStorage.clear();
</script>

转载地址:https://blog.csdn.net/Kwoky/article/details/100853995 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:mysql 高并发的解决方案
下一篇:JS之JSON.PARSE和JSON.STRINGIFY

发表评论

最新留言

做的很好,不错不错
[***.243.131.199]2025年01月30日 11时23分35秒