HTML5学习笔记(6)——web存储API、应用缓存

这篇博客介绍了HTML5中的Web存储API,包括sessionStorage和localStorage,以及如何使用它们进行数据存储。此外,还详细讲解了应用缓存的概念,特别是Cache Manifest的基础知识和Manifest文件的结构。通过一个实例展示了如何为网页创建离线缓存,确保特定资源在离线状态下仍能访问。
摘要由CSDN通过智能技术生成

Cookie

Web存储

我们常用 document.cookie 来进行数据的存储,但是 cookie 的存储大小只有4k左右,并且解析相当复杂,给开发带来诸多不便。HTML5规范提出了新的存储方式:window.sessionStorage window.localStorage

sessionStorage(临时保存) localStorage(永久保存)
sessionStorage 存储容量为5mb左右 localStorage 存储的容量有20mb左右
数据本质是存储在当前页面的内存中,这就说明其他浏览器甚至同个浏览器同个网址不同窗口都不能获取到该数据 不同浏览器不能共享数据,但是同个浏览器不同窗口可以共享数据
sessionStorage 的生命周期在页面关闭时结束,即关闭页面时数据会自动清除
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值