html5 自动缓存,HTML5本地缓存

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

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

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

先建一个缓存对象

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

整体代码

3.使用

var ArtStorage = new ArtStorage();

//设置

ArtStorage.set(key,value,0)//键，值，缓存时间(单位秒，0表示不超时)

获取

alert(ArtStorage.get(key));