h5来玩本地存储

1、在早期Web(HTML4)中使用cookies在客户端保存诸如用户名等简单的信息,但是使用cookies存储永久数据存在以下问题:

2、HTML5很好的提供了本地存储的功能,以键值对存储的解决方案,支持容量至少为4M,不用安装任何插件。HTML5的Web Storage提供了两种在客户端存储数据的方法。

localStorage:是一种没有时间限制的数据存储方式,可以将数据永久保存在客户端。

SessionStorage:指的是针对一个session的数据存储,即将数据保存在session对象中,当关闭浏览器后,这些数据会被删除。

在使用web存储前,应检查浏览器是否支持localStorage和sessionStorage。

注意:Internet Explorer 8+,Firefox,Opera,Chrome,和Safari支持Web存储。Internet Explorer及更早IE版本不支持web存储

代码展示:

html

js

设计一个查找 localstorage 数据的功能;找到则返回,否则提示没有找到这个数据;

当然你也可以设计一个 “使用数据存储完成一个内容筛选的功能”;

资料文件什么 的,直接找舒克老师要就可以了!

  • 发表于:
  • 原文链接:http://kuaibao.qq.com/s/20180108G05PJM00?refer=cp_1026

扫码关注云+社区