谈一谈 Html5 中本地存储sessionStorage 、localStorage的概念，优点，与cookie的区别

朴灿烈づ我的快乐病毒、 2024-04-18 12:03 14阅读 0赞

--------------------

**多读多写多记录，多学多练多思考。----------- Grapefruit.Banuit Gang(香柚帮)**

--------------------

***html5 中的 Web Storage 包括了两种存储方式： sessionStorage 和 localStorage。***

**sessionStorage：**

**           **sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。

**localStorage ：**

**          **localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的；

**cookie：**

**          **cookie是网站为了标示用户身份而储存在用户本地终端（Client Side）上的数据（通常经过加密）。

***区别：******      ***

1、 cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递。而                    sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。cookie数据还有路径（path）的概念，可以限制cookie只属于某个路径下。

2、存储大小限制也不同，cookie数据不能超过4k，同时因为每次http请求都会携带cookie，所以cookie只适合保存很小的数据，如会话标识。sessionStorage和localStorage 虽然也有存储大小的限制，但比cookie大得多，可以达到5M或更大。

3、数据有效期不同，sessionStorage：仅在当前浏览器窗口关闭前有效，自然也就不可能持久保持；localStorage：始终有效，窗口或浏览器关闭也一直保存，因此用作持久数据；cookie只在设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭。

4、作用域不同，sessionStorage不在不同的浏览器窗口中共享，即使是同一个页面；localStorage 在所有同源窗口中都是共享的；cookie也是在所有同源窗口中都是共享的。

发表评论取消回复

表情：

评论列表（有 0 条评论，14人围观）

还没有评论，来说两句吧...

相关阅读

相关谈一谈 Html5 中本地存储sessionStorage 、localStorage的概念，优点，与cookie的区别

------------------- **多读多写多记录，多学多练多思考。----------- Grapefruit.Banuit Gang(香柚帮)** ---...

朴灿烈づ我的快乐病毒、/ 2024年04月18日 12:03/ 0 赞/ 15 阅读

相关 localstorage、sessionstorage、cookie的区别

localStorage、sessionStorage 和 cookie 都是用来在浏览器端存储数据的技术。但是它们之间有一些差别： 1. localStorage 和 s

╰半夏微凉°/ 2024年03月25日 16:28/ 0 赞/ 72 阅读

相关 web本地存储localStorage与sessionStorage区别

> 对浏览器来说，使用 Web Storage 存储键值对比存储 Cookie 方式更直观，而且容量更大，它包含两种：localStorage 和 sessionSto

朱雀/ 2024年02月18日 23:45/ 0 赞/ 130 阅读

相关 HTML5本地存储localStorage，sessionStorage

HTML5新特性，用于本地存储， localStorage：不删除会一直存在斯基 sessionStorage：浏览器关掉，就跪了 / H5:数据存储

﹏ヽ暗。殇╰゛Y/ 2023年10月06日 09:11/ 0 赞/ 62 阅读

相关 HTML5本地存储 LocalStorage和SessionStorage

了解HMLT5的同学，对本地存储的强大功能应该都不会陌生，因为它比之前的cookie和session实在是好用太多了。。。 Cookies的用法相对比较麻烦，并且还有个

拼搏现实的明天。/ 2022年09月28日 13:25/ 0 赞/ 291 阅读

相关 localStorage、sessionStorage、cookie的区别

localStorage、sessionStorage、cookie的区别 WebStorage本地存储 localStorage sessionSto

我就是我/ 2022年09月02日 13:53/ 0 赞/ 163 阅读

相关 localstorage sessionstorage cookie的区别

一、基本概念 Cookie cookie比较小，大小限制在4kb左右，是网景公司的前雇员 LouMontulli 在1993年3月的发明。它的主要用途有保存登录信息，比如你

àì夳堔傛蜴生んèń/ 2022年08月09日 16:35/ 0 赞/ 178 阅读

相关 localStorage sessionStorage cookie的区别

文章转载自：[http://blog.csdn.net/cwzhsi/article/details/49557879][http_blog.csdn.net_cwzhsi_a

╰半夏微凉°/ 2022年05月31日 12:53/ 0 赞/ 228 阅读

相关 Cookie 、localStorage 、sessionStorage的区别

基本概念 Cookie Cookie 是小甜饼的意思。顾名思义，cookie 确实非常小，它的大小限制为4KB左右。它的主要用途有保存登录信息，比如你登录某个网站市

素颜马尾好姑娘i/ 2022年04月12日 07:56/ 0 赞/ 290 阅读

相关 localStorage. sessionStorage、Cookie的区别

localStorage. sessionStorage、Cookie的区别 ●存储大小的不同: localStorage的大小一般为5M sessionStorage的...

朱雀/ 2020年07月01日 19:46/ 0 赞/ 947 阅读