H5 本地缓存localStorage缓存机制

栏目: Html5 · 发布时间: 5年前

内容简介：发表于 2018-10-22 11:36:21 by月小升1.用户如果不进行清理操作，那么缓存一直在

发表于 2018-10-22 11:36:21 by月小升

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浏览器查看缓存情况

首发地址：–无特殊说明，文章均为月小升原创，欢迎转载，转载请注明本文地址，谢谢

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。

码农书籍

设计模式之禅

秦小波 / 机械工业出版社 / 2010年3月 / 69.00元

如果说“四人帮”的《设计模式》是设计模式领域的“圣经”，那么之后出版的各种关于设计模式的书都可称之为“圣经”的“注释版”或“圣经的故事”。本书是得道者对“圣经”的“禅悟”，它既不像“圣经”那样因为惜字如金、字字珠玑而深奥、晦涩和难懂，又比“圣经”的“注释版”更深刻和全面、更通俗和生动、更接近开发者遇到的实践场景，更具指导性。本书兼收并蓄、博采众长，也许是设计模式领域里的下一个里程碑之作。全......一起来看看《设计模式之禅》这本书的介绍吧!

码农工具

H5 本地缓存localStorage缓存机制

设计模式之禅

html转js在线工具

正则表达式在线测试