首页技术正文

html5缓存

开发者毓珂技术 2022年11月12日

0 收藏 617 点赞 2,261 浏览 860 个字

HTML5 提供了两种在client存储数据的新方法：

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