html5缓存

时间：2015-07-27 13:14:56 阅读：298 评论：0 收藏：0 [点我收藏+]

HTML5 提供了两种在客户端存储数据的新方法：
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()。

html5缓存

原文：http://blog.csdn.net/u010081710/article/details/47082719

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)