Cookie和HTML5本地存储的对比

最新推荐文章于 2024-06-26 10:00:00 发布

白日梦先生

最新推荐文章于 2024-06-26 10:00:00 发布

阅读量1.1k

点赞数

分类专栏：前端笔记文章标签： HTML5

本文链接：https://blog.csdn.net/qq_32422537/article/details/80260765

版权

前端笔记专栏收录该内容

4 篇文章 0 订阅

订阅专栏

Cookie和HTML5本地存储的对比

Cookie

Cookie本是设计用于HTTP协议当中来实现保持会话状态的一种方式，不过在HTML5之前却也被用于进行Web应用程序的数据存储方案。不过这种方式有很大的弊端：
1. 数据存储的大小很受限制，一般来说，标准浏览器下的单个Cookie的存储大小是4KB
2. 消耗性能，由于HTTP协议的规定，当前域下的所有HTTP请求都会携带这些Cookie数据。

HTML5本地存储

HTML5本地存储分为LocalStorage和SessionStorage，我们来区分一下两者：
1. LocalStorage：通过localStorage对象的setItem，getItem，removeItem这3个方法来存储、获取、删除数据。注意只要不删除，存储的数据就会一直存储在本地。
2. SessionStorage：通过sessionStorage对象的setItem，getItem，removeItem这3个方法来存储、获取、删除数据。存储的数据只会存活在当前页面的生命周期中，一旦页面关闭，存储的数据就会自动消失。