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 数据的功能;找到则返回,否则提示没有找到这个数据;
当然你也可以设计一个 “使用数据存储完成一个内容筛选的功能”;
资料文件什么 的,直接找舒克老师要就可以了!
领取专属 10元无门槛券
私享最新 技术干货