localstorage和sessionstorage的区别

最新推荐文章于 2025-03-10 11:57:57 发布
最新推荐文章于 2025-03-10 11:57:57 发布
阅读量197 收藏
点赞数
分类专栏： 例题
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Rayshaan/article/details/113361251
版权

localStorage sessionStorage 浏览器存储 数据持久化 会话管理
关键词由优快云通过智能技术生成

localstorage

  • localStorage的生命周期是永久性的。假若使用localStorage存储数据，即使关闭浏览器，也不会让数据消失，除非主动的去删除数据

sessionstorage

  • sessionStorage 的生命周期是在浏览器关闭前。也就是说，在整个浏览器未关闭前，其数据一直都是存在的

sessionstorage注意点：

  • 页面刷新不会消除数据
  • 只有在当前页面打开的链接，才可以访sessionStorage的数据
    只有当全部关闭页面和从其内部打开的所有页面 或者直接关闭浏览器，才可以消除sessionStorage中的数据。
  • 使用window.open打开页面和改变localtion.href方式都可以获取到sessionStorage内部的数据
【每日知识】localStorage与sessionStorage的区别
qq_46580087的博客
03-05 1197
该努力还是要努力，进步一点点也是进步。
localStorage和sessionStorage详解
风火一回，一生不毁
03-03 6558
前言 HTML5引入了localStorage和sessionStorage两个本地缓存对象，以解决cookie缓存容量少的问题。由于cookie每次都会随着请求被发送出去，所以数据放在cookie中将造成宽带浪费。但是本地缓存并不能取代cookie，cookie是作为http规范的一部分，是用于与服务器交互的不必可少的条件之一。 区别 localStorage：本地缓存，没有时间限
locationStorage和sessionStorage的用法总结
zag666的博客
08-27 2900
文章目录webStoragelocalStoragesessionStorage用法 webStorage 存储内容大小一般支持5MB左右（不同浏览器可能还不一样） 浏览器端通过 Window.sessionStorage 和 Window.localStorage 属性来实现本地存储机制。 相关API： xxxxxStorage.setItem('key', 'value'); 该方法接受一个键和值作为参数，会把键值对添加到存储中，如果键名存在，则更新其对应的值。 xxxxxStora
Vuex，sessionStorage，localStorage的区别
最新发布
qq_44062823的博客
03-10 647
是一个常见的问题，主要考察你对前端状态管理的理解以及对浏览器存储机制的掌握。根据实际需求选择合适的工具：如果需要管理全局状态，使用 Vuex；如果需要持久化存储，使用。如果需要临时存储会话数据，使用。在面试中，关于 vuex。
前端面试：本地存储cookies,sessionStorage 和 localStorage
ZhShy
10-21 1480
存储在用户**本地终端**上的数据。为了辨别用户身份，进行 session 跟踪而存储在本地终端上的数据。通常经过**加密**。 - 一般应用最典型就是判断注册用
082_html5Web存储
aihiao的专栏
10-12 329
1. 在客户端存储数据 1.1. html5提供了两种在客户端存储数据的新方法: 1.1.1. localStorage: 没有时间限制的数据存储。 1.1.2. sessionStorage: 针对一个session的数据存储。 1.2. 之前, 这些都是由cookie完成的。但是cookie不适合大量数据的存储, 因为它们由每个对服务器的请求来传递, 这使得cookie速度很慢而且效率也不高。 1.3. 在html5中, 数据不是由每个服务器请求传递的, 而是只有在请求时使用数据。它使在不影响
前端面试题汇总---Localstorage、sessionStorage、cookie 的区别（必会）
Quentin0823的博客
02-03 345
cookie 数据不能超过 4K，同时因为每次 http 请求都会携带cookie、所以 cookie 只适合保存很小的数据，如会话标识。cookie：只在设置的cookie 过期时间之前有效，即使窗口关闭或浏览器关闭。，sessionStorage 不在不同的浏览器窗口中共享，即使是同一个页面；localstorage 在所有同源窗口中都是共享的，cookie 也是在所有同源窗口中都是共享的。cookie 数据还有路径（path）的概念，可以限制 cookie 只属于某个路径下。
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。这三个机制都用于在客户端存储数据，但它们各有特点和适用场景。 ...
使用Typescript编写更加易用的localStorage和sessionStorage的API
08-10
在JavaScript开发中，`localStorage`和`sessionStorage`是两种常用的浏览器存储机制，它们允许开发者在用户浏览器上持久化数据。然而，它们的原生API使用起来并不直观，需要处理字符串化和反字符串化的问题，同时也...
SessionStroage和locationStorage的思考
weixin_30896511的博客
02-13 627
从理论上讲LocalStroage内存更大，存储时间更为持久，作用域更大。那么SessionStroage有存在的必要吗？有什么样的应该场景是必须用seessionStroage而不能使用LocalStroage的呢 首页seessionStroage与 LocalStroage相比具有的特点 1.浏览器改变将失效 2.作用域只在单个页面，就是在浏览器用不同出窗口打开同一...
前端 localStorage与location的用法
yutaixin的博客
11-09 2347
localStorage 是h5提供的客户端存储数据的新方法： 之前，这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得 cookie 速度很慢而且效率也不高。 设置存储时localStorage.setItem（）方法，获取时用localStorage.getItem（）方法； Location Location 对象包...
前端面试题（四）：cookie， session 和 localstorage 的区别
热门推荐
lizhengxv的博客
08-09 1万+
1.cookie 和 session 的联系 session（会话）是跟踪web程序中常用的技术，用来跟踪用户的整个回话过程。它可以弥补http协议无状态的不足。常用的会话跟踪技术是 cookie 和 session。 cookie通过在客户端的记录信息，确定用户身份，session通过在服务器端记录信息确认用户身份。 只要cookie能做到的，session也能做到。 比如，如果没有 co...
面试题：请问 cookie，localStorage，sessionStorage 的区别
jiang7701037的博客
04-09 9299
答： cookie是在HTML4中使用的给客户端保存数据的，也可以和session配合实现跟踪浏览器用户身份；而webstorage（包括：localStorage和sessionStorage）是在HTML5提出来的，纯粹为了保存数据，不会与服务器端通信。WebStorage两个主要目标：（1）提供一种在cookie之外存储会话数据的路径。（2）提供一种存储大量可以跨会话存在的数据的机制。 ...
前端面试题汇总---session、localstorage、sessionstorage
weixin_42246997的博客
03-05 800
**浏览器本地存储** - 在较高版本的浏览器中，js提供了sessionStorage和globalStorage。在HTML5中提供了localStorage来取代globalStorage - html5中的Web Storage包括了两种存储方式：sessionStorage和localStorage - sessionStorage用于本地存储一个会话（session）中的数据，...
Web前端面试指导(四十三)：请描述一下 cookies，sessionStorage 和 localStorage 的区别？
雄领IT的专栏
10-13 7988
题目点评 这是一种对比性比较强的问题，可以先说他们的相同点，然后就是要详细阐述他们的不同点，而不同点不要刻意去对比，只要说出各自的特点，自然他们的不同点就出来了。 解决方法 相同点：都存储在客户端 不同点： 1.存储大小 cookie数据大小不能超过4k。sessionStorage和localStorage 虽然也有存储大小的限制，但比cookie大得多，
localStorage与sessionStorage异同点（面试题）
qq_46034942的博客
03-05 441
1.相同点：都是用来存储数据的，语法作用一致。 存数据：localStorage.setItem('属性名'，'属性值') 取数据：localStorage.getItem('属性名') 删除数据：localStorage.removeItem('属性名') 清空数据：localStorage.clear() 存数据：sessionStorage.setItem('属性名'，'属性值') 取数据：se...
localStorage和SessionStorage区别
11-12
localStorage 和 sessionStorage 都是浏览器提供的两个本地存储机制，用于暂时保存用户数据，以便在网页会话期间保持。它们之间的关键区别在于数据的生命周期和可复用性： 1. **持久性**： - localStorage：数据...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值