HTML5本地缓存

2019-09-09 郑州网站建设  

localStorage(本地存储),可以长期存储数据,没有时间限制,一天,一年,两年甚至更长,数据都可以使用。sessionStorage(会话存储),只有在浏览器被关闭之前使用,创建另一个页面时同意可以使用,关闭浏览器之后数据就会消失。

HTML5 的本地存储 API 中的 localStorage 与 sessionStorage 在使用办法上是相同的,区别在于 sessionStorage 在关闭页面后即被清空,而 localStorage 则会一直保存。我们这里以 localStorage 为例,简要介绍下 HTML5 的本地存储,并针对如遍历等常见问题作一些示例说明。 localStorage 是 HTML5 本地存储的 API,使用键值对的方式进行存取数据,存取的数据只能是字符串。不同浏览器对该 API 支持情况有所差异,如使用办法、最大存储空间等。

下面我们用sessionStorage写一个本地缓存类

先建一个缓存对象

HTML5本地缓存

2.这个对象里有以下办法

HTML5本地缓存

HTML5本地缓存

HTML5本地缓存

HTML5本地缓存

整体代码

HTML5本地缓存

3.使用

var ArtStorage = new ArtStorage();


河南郑州做网站首选天择文化,我们专注郑州网站建设网站设计网站制作与开发,是中原地区专业的郑州网络公司,多年来我们一直努力,服务客户数百家,欢迎您的咨询。
本文链接:郑州网络公司http://tzchb.ieyo.com/dede/1448.html转载请标明出处,谢谢合作!
标签:
  • HTML5
  • 存储
  • localStorage
  • 本地