localStorage和sessionStorage的区别

于 2023-08-26 21:39:48 发布
阅读量145 收藏
点赞数
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47037550/article/details/132516301
版权
本文探讨了localStorage和sessionStorage这两种浏览器本地存储机制，比较了它们的生命周期、数据大小、共享性、存储类型以及适用场景，特别强调了localStorage适用于长期登录而sessionStorage适合一次性敏感数据存储。
摘要由CSDN通过智能技术生成

生命周期
localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信
sessionStorage仅在当前会话下有效，关闭页面或浏览器后被清除。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信。原生接口可以接受，亦可再次封装来对Object和Array有更好的支持
作用域不同
不同浏览器无法共享localStorage或sessionStorage中的信息。相同浏览器的不同页面间可以共享相同的 localStorage（页面属于相同域名和端口），
但是不同页面或标签页间无法共享sessionStorage的信息。这里需要注意的是，页面及标 签页仅指顶级窗口，如果一个标签页包含多个iframe标签且他们属于同源页面，那么他们之间是可以共享sessionStorage的
存储内容类型
localStorage和sessionStorage只能存储字符串类型，对于复杂的对象可以使用ECMAScript提供的JSON对象的stringify和parse来处理
应用场景区别
localStoragese：常用于长期登录（+判断用户是否已登录），适合长期保存在本地的数据
sessionStorage：敏感账号一次性登录

IT·韩
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
定时关闭广告2020/11/24
weixin_50286102的博客
11-24 487
setTimeout(function() { ad.style.display = ‘none’ }, 2000) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv=
localStorage和sessionStorage之间的区别？
weixin_47450807的博客
03-22 1万+
一、写在前面 今天总结一下localStorage和sessionStorage之间的区别。 二、具体区别 2.1、声明周期的区别 localStorage是永久存储在浏览器中，只要当用户不删除数据，则该数据就会一直存放在localStorage中。sessionStorage是会话级别的存储，从名字session我们就可以看出来了，也就是当用户关闭浏览器，此时数据就会被销毁。 2.2、存储大小：localStorage和sessionStorage存储大小都是5MB。 2.3、sessionStorage
session与cookie的区别以及HTML5中WebStorage理解
weixin_30566111的博客
07-27 494
一、session与cookie的区别 二、HTML5中WebStorage理解 WebStorage的目的是克服由cookie所带来的一些限制，当数据需要被严格控制在客户端时，不需要持续的将数据发回服务器。 WebStorage两个主要目标：（1）提供一种在cookie之外存储会话数据的路径。（2）提供一种存储大量可以跨会话存在的数据的机制。 HTML5的WebStorage提供了两...
cookie，localStorage,sessionStorage区别与应用
01-07
sessionStorage 概念 存放在客户端的一段文本信息 存储在客户端的临时信息，只能存放字符串类型数据 同localStorage 大小 4k 5M 5M 生命周期 浏览器关闭，数据清空 存在内存中，除非自己删除 浏览器关闭，...
localstorage和sessionstorage使用记录(推荐)
09-27
使用`localStorage`和`sessionStorage`的基本方法包括`setItem`、`getItem`、`removeItem`和`clear`： - `setItem(key, value)`：将键值对存储到本地存储中，如`localStorage.setItem('key', 'value')`。 - `...
jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法
10-19
在Web开发中，数据存储是不可或缺的一部分，jQuery提供了一些便捷的方法来访问和操作浏览器的本地存储，包括cookie、localStorage和sessionStorage。这三个机制都用于在客户端存储数据，但它们各有特点和适用场景。 ...
store:使用localStorage和sessionStorage的更好方法
05-11
一种功能丰富且友好的方式，可以利用localStorage和sessionStorage（JSON，命名空间，扩展等）。 下载： 或 ： npm install store2 ： Install-Package store2文献资料主要存储功能可以直接处理set ， get ， ...
详解Vue中localstorage和sessionstorage的使用
08-28
详解Vue中localstorage和sessionstorage的使用 在 Vue 项目中，localstorage 和 sessionstorage 是两个常用的客户端存储机制。它们可以帮助开发者存储一些数据，以便于后续使用。但是，在实际项目中，直接使用 ...
sessionStorage和localStorage的区别
cx1361855155的博客
08-03 884
sessionStorage 和 localStoraged 的用法基本一致，sessionStorage和localStorage都具有相同的操作方法，列如setItem()，getltem()和removeItem()等，引用类型的值要转换成JSON。sessionStorage和localStorage：不会自动把数据发送给服务器，仅在客户端中保存，不参加服务器通讯。localStorage：本地存储只能通过手动清除，否则会一直保存。获取指定的key本地存储的值。删除指定的key本地存储的值。...
localStorage和sessionStorage的共同点和区别
罗毅豪的博客
12-06 117
共同点： 1、localStorage和sessionStorage都是用来存储客户端临时信息的对象。 2、他们均只能存储字符串类型的对象，所以要存储数组或对象必须使用JSON.stringify()加工。 3、不同浏览器无法共享localStorage或sessionStorage中的信息。 区别： 1、sessionStorage存储的值关闭浏览器后会自动清除；而localStorage存储...
localStorage、sessionStorage的区别
Shelly Long的博客
02-09 278
localStorage与sessionStorage的唯一一点区别就是localStorage属于永久性存储，而sessionStorage属于当会话结束的时候（比如：关闭浏览器），sessionStorage中的键值对会被清空 ...
cookies、session、sessionStorage和localStorage解释及区别
热门推荐
Rerise的博客
08-15 3万+
在浏览器查看 HTML4的本地存储 cookie 浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式，可以利用cookie,session等跟服务端进行数据交互。 一、cookie和session cookie和session都是用来跟踪浏览器用户身份的会话方式。 区别： 1、保持状态：cookie保存在浏览器端，session保存在服务器端 2、使用方式： （1）coo...
localStorage和sessionStorage 的区别和用法
m0_74295896的博客
02-20 145
localStorage和sessionStorage 的区别和用法
sessionStorage和localStorage有什么区别
qq_47443027的博客
03-25 6159
html5的本地存储是存储在客户端中，本地存储包括sessionStorage和localStorage。 区别一：生命周期 sessionStorage仅在当前会话下生效，当你关闭页面或浏览器后你存储的sessionStorage数据会被清除。 localStorage生命周期是永久，储存的信息是永远不会消失的，除非你自己主动清除localStorage信息。 区别二：各自的使用方法 sessionStorage使用方法 1、第一个参数是保存的变量名，第二个是变量的值 sessionStor
本地存储：localStorage和sessionStorage的区别以及一些简单的使用
Du123456789yan的博客
11-03 762
什么是本地存储：把一些数据记录在浏览器中，是浏览器提供给我们的一些本地存储数据的机制，而本地存储分为两种分别是localStorage和sessionStorage，下面讲讲他们之间的区别和一般的使用方法。以上就是我自己总结的有关本地存储的使用方法，可能有些地方存在问题，这些对于本地存储的基本使用已经算足够的，如果希望更深入的去了解本地存储，就需要我们在实际的使用过程中，不断的总结。总结我们遇到的实际的场景，并且场景中的具体的表现和实际解决思路。
localstorage 和 sessionstorage 区别
最新发布
08-11
localstorage和sessionstorage都是HTML5提供的Web存储机制，它们都可以在浏览器中存储数据，但有一些区别。 1. 生命周期：localstorage中存储的数据没有过期时间，除非用户主动清除浏览器缓存或通过代码删除数据，否则数据将一直保留。而sessionstorage中存储的数据仅在当前会话期间有效，当用户关闭浏览器标签或窗口时，数据将被自动清除。 2. 存储大小：localstorage的存储容量通常比sessionstorage大，一般为5MB或更大。而sessionstorage的存储容量较小，一般为5MB或更小。 3. 共享性：localstorage中的数据在同源窗口之间是共享的，即可以在同一域名的不同页面中访问和共享数据。而sessionstorage中的数据只能在同一窗口或同一标签页中访问和共享。 4. API使用方式：localstorage和sessionstorage都使用相似的API进行数据的读取、写入和删除操作。可以使用setItem()方法设置键值对、getItem()方法获取值、removeItem()方法删除键值对等。 综上所述，localstorage适合用于长期存储需要在不同页面间共享的数据，而sessionstorage适合用于临时存储在同一会话期间需要共享的数据。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

IT·韩

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值