HTML5本地缓存

  • 时间:2018-06-12 19:50 作者:采蘑菇的小明 来源:采蘑菇的小明 阅读:118
  • 扫一扫,手机访问
摘要:localStorage(本地存储),能长期存储数据,没有时间限制,一天,一年,两年甚至更长,数据都能用。sessionStorage(会话存储),只有在浏览器被关闭之前用,创立另一个页面时同意能用,关闭浏览器之后数据就会消失。HTML5 的本地存储 API 中的 localStorage 与 se

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();

//设置

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

获取

alert(ArtStorage.get(key));

  • 全部评论(0)
最新发布的资讯信息
【网页前端|JS】五年Java程序员该掌握的技术点,这些都不懂,还想拿高薪吗?(2019-04-24 22:19)
【系统环境|】2019蚂蚁金服面试总结(Java方向)(2019-04-18 16:19)
【系统环境|】notepad++ 三位数字正则替换规则(2019-04-12 23:02)
【系统环境|服务器应用】网络工程师跨交换机的Vlan配置与管理知识(2019-03-26 02:14)
【系统环境|服务器应用】最小化的定制版linux系统:CoreOS(2019-03-26 02:14)
【系统环境|服务器应用】分布式系统面试题:分布式事务处理方案?(2019-03-26 02:13)
【系统环境|服务器应用】带着网关去旅行(系列二):防止vps上ssh端口被恶意扫描(2019-03-26 02:13)
【系统环境|服务器应用】美团iOS面试总结(2019-03-26 02:13)
【系统环境|服务器应用】百度iOS面试总结(2019-03-26 02:13)
【系统环境|服务器应用】Java大佬之学习历程(三)(2019-03-26 02:13)
手机二维码手机访问领取大礼包
返回顶部