html5图片本地缓存,HTML5: 本地缓存

2024-06-16 06:15:29

HTML5 提供了两种在client存储数据的新对象：

localStorage：没有时间限制的数据存储，在同一个浏览器中，仅仅要没被手动清理，第二天、第二周或下一年之后，数据依旧可用。

sessionStorage：针对一个 session 的数据存储。针对一个 session 进行数据存储。当用户关闭浏览器窗体后，数据会被删除(并且仅仅在当前窗体有效)。

下面是使用这两个对象的样例：

在client存储数据

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

localStorage：没有时间限制的数据存储
sessionStorage：针对一个 session 的数据存储

localStorage的使用：

localStorage存储的数据没有时间限制。在同一个浏览器中，仅仅要没被手动清理，第二天、第二周或下一年之后，数据依旧可用。

样例：你在本机使用本浏览器第次浏览本页面。

sessionStorage的使用：

sessionStorage针对一个 session 进行数据存储。

当用户关闭浏览器窗体后，数据会被删除(并且仅仅在当前窗体有效)。

样例：你在本次打开此窗体后，第次浏览了本页面。

$(function(){

recordVisitCount();

recordSessionCount();

});

function recordVisitCount(){

if (localStorage.pagecount){

localStorage.pagecount=Number(localStorage.pagecount) +1;

} else {

localStorage.pagecount=1;

}

$("#visitCount").html(localStorage.pagecount);

}

function recordSessionCount(){

if (sessionStorage.pagecount) {

sessionStorage.pagecount = Number(sessionStorage.pagecount) + 1;

} else {

sessionStorage.pagecount = 1;

}

$("#visitCountPerSession").html(sessionStorage.pagecount);

}

执行结果例如以下：

(原创文章。转载请注明转自Clement-Xu的csdn博客。)

html5图片本地缓存,HTML5: 本地缓存相关推荐

3d布局图 html5,8个实用炫酷的HTML5图片动画应用 | HTML5资源教程
近期我们发布了不少关于 1.CSS3/jQuery实现移动端滑动图片层叠效果这是一款基于jQuery和CSS3的图片层叠插件,这和我们之前介绍的CSS3图片层叠展开特效有点不同,它支持鼠标滑动切换图 ...
html5图片区域剪切,HTML5 本地裁剪图片并上传至服务器（老梗）
很多情况下用户上传的图片都需要经过裁剪,比如头像啊什么的.但以前实现这类需求都很复杂,往往需要先把图片上传到服务器,然后返回给用户,让用户确定裁剪坐标,发送给服务器,服务器裁剪完再返回给用户,来回需要 ...
html5图片灰度显示,HTML5 组件Canvas实现图像灰度化
HTML5发布已经有很长一段时间了,一直以来从来没有仔细的看过,过年刚来随便看看发现HTML5中的Canvas组件功能是如此的强大,不怪很多牛人预言Flash已死,死不死不是我要关心的,我关心的C ...
html5图片剪切板,Html5剪切板功能的实现方法
Html5剪切板功能的实现方法发布时间:2020-10-23 16:45:29 来源:亿速云阅读:68 作者:小新这篇文章主要介绍了Html5剪切板功能的实现方法,具有一定借鉴价值,需要的朋友可 ...
html5 图片文字提取,HTML5 Canvas：获取canvas内容-toDataURL()
我们可以通过canvas的toDataURL()方法来获取绘制在HTML5 canvas中的内容.做法类似下面的示例代码: var canvas = document.getElementById(& ...
帝国html5图片站模板,html5响应式自适应帝国CMS整站模板源码瀑布流文章图片资讯文章站...
版本更新模板已经适配到最新帝国CMS7.5(部分早期源码模板没有适配到最新)!截止2019-持续追踪更新针对机房黑产利用,和帝国CMS一个XS漏洞利用方法的堵截!正式版已补,请已运营的小伙伴找我查看 ...
html5图片看不见,html5 绘制图片 drawImage
要在绘图上下文中绘制图片,可以使用 drawImage 方法.该方法有三种不同的参数:  drawImage(image,dx,dy)  drawImage(image,dx,dy,dw,dh) ...
html5图片上写字,Html5 canvas画图教程20:在canvas里写字
文章写到现在才发现我忘了介绍在canvas上写字的方法,呃,这篇补上. 其实在canvas里写字是很简单的,他有两个原生方法,即strokeText(描边文字)和fillText(填充文字)--一看就 ...
html5 图片局部马赛克,html5 canvas 图片打马赛克 demo
Canvas Mosaic #pic{ display:none; } The size of the original pic need to be 360 pixs. canvas 标签 var ...
html5 图片抽奖代码,html5实现九宫格抽奖可固定抽中某项奖品
原生js写的一个九宫格抽奖程序 (周末在家闲着也是闲着) 我写的这个抽奖是拿来整蛊我女朋友, 因为每次抽奖的结果都是同一个.. 哈哈哈哈哈哈哈哈哈哈哈哈哈我会附上正常抽奖的的代码和固定只能抽到某一个 ...

最新文章

热门文章