cookie、sessionStorage和localStorage的区别

最新推荐文章于 2024-06-15 12:33:15 发布

左眼看成爱

最新推荐文章于 2024-06-15 12:33:15 发布

阅读量172

点赞数

分类专栏： JavaScript 文章标签： sessionStorage locaStorage cookie

本文链接：https://blog.csdn.net/wh445306/article/details/110143877

版权

本文介绍了HTML5的WebStorage中的localStorage和sessionStorage的区别，包括生命周期、存储大小、存储位置、应用场景等。localStorage是永久存储，适用于长期登录，而sessionStorage仅限当前会话，适用于一次性登录。两者都是5MB存储限制，只存储字符串，并提供方便的数据操作方法。

摘要由CSDN通过智能技术生成

HTML5的WebStorage提供了两种前端页面本地存储数据的对象：localStorage（本地持久化硬盘存储）和sessionStorage（会话级内存存储）

1）WebStorage设计的目标即为：提供一种在cookie之外本地存储会话数据的路径，提供一种存储大量可以跨会话存在的数据的机制
2）localStorage生命周期是永久，这意味着除非用户用浏览器提供的清除功能来清除localStorage信息，否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信
3）sessionStorage仅在当前会话下有效，关闭页面或浏览器后会被清除。存放数据大小为一般为5MB,而且它也仅在客户端（即浏览器）中保存，不参与和服务器的通信。
4）作用域的不同：
不同浏览器无法共享localStorage或sessionStorage中的信息。相同浏览器的不同页面间可以共享相同的 localStorage（页面属于相同域名和端口），即使相同窗口但是不同源（域名+端口）页面或标签页间无法共享sessionStorage的信息。这里需要注意的是，何为会话顶级窗口：比如360浏览器，你点开一个为一个顶级窗口，在这个基础上登录成功记录新开的标签都属于sessionStorage互访范围之内。即会话范围共享，关闭窗口清除
5）存储大小：
localStorage和sessionStorage的存储数据大小一般都是&#x