H5 本地缓存localStorage缓存机制

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

内容简介:发表于 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语言

零基础学C语言

康莉//李宽 / 机械工业 / 2009-4 / 48.00元

《零基础学C语言》的特点是内容全面、翔实,通俗易懂,循序渐进地介绍了C语言各方面的知识,重点突出。《零基础学C语言》含有大量实例,代码短小精炼,紧扣所讲要点的本质,以加深读者的印象,同时结合笔者多年使用C语言的经验,阐述了很多代码编写技巧,读者可将代码复制到自己的机器上进行实验,自行实践和演练。C语言是编程方式灵活多样、功能强大、应用广泛的一种程序设计语言。从程序设计语言的发展历程来看,尽管后来出......一起来看看 《零基础学C语言》 这本书的介绍吧!

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

在线压缩/解压 CSS 代码

图片转BASE64编码
图片转BASE64编码

在线图片转Base64编码工具

UNIX 时间戳转换
UNIX 时间戳转换

UNIX 时间戳转换