H5 本地缓存localStorage缓存机制
localStorage缓存特点：
1.用户如果不进行清理操作，那么缓存一直在
2.缓存文件默认浏览器最大5M
3.可以存文本，图片，视频流
<!DOCTYPE html>
<html>
<body>
<div id="result"></div>
<script>
// Check browser support
if (typeof(Storage) !== "undefined") {
// Store
localStorage.setItem("lastname", "Gates");
// Retrieve
document.getElementById("result").innerHTML = localStorage.getItem("lastname");
} else {
document.getElementById("result").innerHTML = "抱歉！您的浏览器不支持 Web Storage ...";
}
</script>
</body>
</html>小技巧
判断是否缓存了
if(localStorage.getItem("lastname")){
console.log("YES");
}chrome浏览器查看缓存情况
html5的localStorage缓存即使你关闭了浏览器，明天再来，都一直在。
<!DOCTYPE HTML>
<html>
<body>
<script type="text/javascript">
if (localStorage.pagecount)
{
localStorage.pagecount=Number(localStorage.pagecount) +1;
}
else
{
localStorage.pagecount=1;
}
document.write("Visits: " + localStorage.pagecount + " time(s).");
</script>
<p>刷新页面会看到计数器在增长。</p>
<p>请关闭浏览器窗口，然后再试一次，计数器会继续计数。</p>
</body>
</html>
月小升QQ 2651044202, 技术交流QQ群 178491360
首发地址：月小升博客 – https://java-er.com/blog/h5-localstorage-cache-1/
无特殊说明，文章均为月小升原创，欢迎转载，转载请注明本文地址，谢谢
您的评论是我写作的动力
About Me
静水流深，水滴石穿
近期文章
最新评论
- 天上碑开区一条龙服务端40fp.comQQ1292124634 发表在 屏蔽youku,搜狐,6间房,各大视频网站视频广告
- 传世sf一条龙803sf.comQQ2488130950 发表在 屏蔽youku,搜狐,6间房,各大视频网站视频广告
- Lester Waldon 发表在 wordpress 不用ftp更新系统和插件
- 墨香私服一条龙服务端46em.comQQ1124999543 发表在 免费的手机号查询API接口
- 微信 发表在 mysql not in 和 null的冲突
- 骑士开区一条龙服务端07cg.comQQ1325876192 发表在 免费的手机号查询API接口
- 老董博客 发表在 勾搭友情链接
- 英文网站优化软件 发表在 buy AWS Host EBS or S3
- 传奇3私服一条龙制作40ie.comQQ1292124634 发表在 免费的手机号查询API接口
- 决战sf一条龙48pn.comQQ2488130950 发表在 ecshop调用user_info没有登陆状态