html5缓存
来源:互联网 发布:欧美最美女星知乎 编辑:程序博客网 时间:2024/06/08 15:16
HTML5 提供了两种在客户端存储数据的新方法:
localStorage - 没有时间限制的数据存储
sessionStorage - 针对一个 session 的数据存储
这些都是由 cookie 完成的。
但是 cookie 不适合大量数据的存储,
localStorage["a"] = "sfsf";//设置a为"sfsf",覆盖上面的值
localStorage.setItem("b","isaac");//设置b为"isaac"
var a1 = localStorage["a"];//获取a的值
var a2 = localStorage.a;//获取a的值
var b = localStorage.getItem("b");//获取b的值
localStorage.removeItem("c");//清除c的值
这里最推荐使用的自然是getItem()和setItem(),清除键值对使用removeItem()。
如果希望一次性清除所有的键值对,可以使用clear()。
localStorage - 没有时间限制的数据存储
sessionStorage - 针对一个 session 的数据存储
这些都是由 cookie 完成的。
但是 cookie 不适合大量数据的存储,
下面一起来看一个localStorage 存储json对象存储格式问题的解决办法
<!DOCTYPE HTML><html><body><script type="text/javascript">var obj= [{ "name": "a张三", "addr":"天津"},{ "name": "a张狗","addr":"上海"},{ "name": "a王武","addr":"北京"}, ];obj=JSON.stringify(obj);//转化为json字符串localStorage.setItem("temp2",obj);//返回字符串//typeof localStorage.getItem("temp2");//返回字符串转化为json对象obj=JSON.parse(localStorage.getItem("temp2"));document.write(obj[0].name);</script></body></html>localStorage.a = 3;//设置a为"3"
localStorage["a"] = "sfsf";//设置a为"sfsf",覆盖上面的值
localStorage.setItem("b","isaac");//设置b为"isaac"
var a1 = localStorage["a"];//获取a的值
var a2 = localStorage.a;//获取a的值
var b = localStorage.getItem("b");//获取b的值
localStorage.removeItem("c");//清除c的值
这里最推荐使用的自然是getItem()和setItem(),清除键值对使用removeItem()。
如果希望一次性清除所有的键值对,可以使用clear()。
0 0
- html5缓存
- HTML5 缓存
- html5缓存
- HTML5 本地缓存
- HTML5学习 ,缓存
- HTML5 缓存: cache manifest
- HTML5 缓存: cache manifest
- HTML5 缓存: cache manifest
- html5离线缓存
- HTML5的数据缓存
- HTML5 离线缓存
- html5 offlline 缓存
- HTML5 缓存: cache manifest
- HTML5 应用程序缓存
- HTML5应用缓存
- html5 缓存设置
- HTML5应用缓存配置
- [HTML5&CSS3]应用程序缓存
- Android启动页面禁止退出 防止多次点击back键
- Direct2D 和 GDI 互操作性概述
- oracle 初认识 2015/7/27
- javascript 网页跳转的方法
- spring中创建bean对象时多例和单例的区别
- html5缓存
- windows7下cygwin+vs2013编译webkit源码
- 二分查找
- git命令
- 提高iOS开发效率的方法和工具
- C/C++ 开源 JSON 程序库性能及标准符合程度评测
- tomcat部署之字符编码问题
- ViewGroup其本身就是View的扩展---理解
- PL/SQL 编写查询语句时LIKE中文不起作用