H5 本地缓存localStorage缓存机制

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

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

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

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

H5 本地缓存localStorage缓存机制
首发地址:–无特殊说明,文章均为月小升原创,欢迎转载,转载请注明本文地址,谢谢

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

查看所有标签

猜你喜欢:

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

C++ How to Program (5th Edition) (How to Program)

C++ How to Program (5th Edition) (How to Program)

Harvey & Paul) Deitel & Associates / Prentice Hall / 2005-01-05 / USD 98.00

With over 250,000 sold, Harvey and Paul Deitel's C++ How to Program is the world's best-selling introduction to C++ programming. Now, this classic has been thoroughly updated! The Deitels' groundbreak......一起来看看 《C++ How to Program (5th Edition) (How to Program)》 这本书的介绍吧!

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

RGB HSV 转换
RGB HSV 转换

RGB HSV 互转工具