sessionStorage会话存储&localStorage本地存储

最新推荐文章于 2024-05-25 15:15:13 发布
最新推荐文章于 2024-05-25 15:15:13 发布
阅读量665 收藏
点赞数
文章标签： session
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45846980/article/details/108964512
版权

什么是 HTML5 Web 存储?

使用HTML5可以在本地存储用户的浏览数据。

早些时候,本地存储使用的是 cookie。但是Web 存储需要更加的安全与快速. 这些数据不会被保存在服务器上，但是这些数据只用于用户请求网站数据上.它也可以存储大量的数据，而不影响网站的性能

主要分为两种
sessionStorage会话存储&localStorage本地存储

先来介绍下sessionStorage会话存储

会话级存存储
浏览器到浏览器之间产生数据–key-value,当会话结束时，会话级数据消失

//查看对象
window.sessionStorage

在这里插入图片描述
可以看到sessionStorage是个全局对象

//存储
sessionStoraget[key
最低0.47元/天 解锁文章
weixin_45846980
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
sessionStorage 简单存储数据
m0_63345637的博客
01-06 1070
1.想要存储某一段值 或者某一段数据 可以直接使用sessionStorage存储 上效果图 1.第一张图中数据是 另一个页面传过来的 2.代码 我要 传过去 传过去 传过去 //事件传过去 1.data代码 tableData: [ { date: "62051549847662", title: "马海龙的快乐生活", jine: "84.71", qian: "84.7...
HTML5本地存储localStorage、sessionStorage基本用法、遍历操作、异常处理等
09-28
HTML5的本地存储功能主要由两个API提供：localStorage和sessionStorage。它们允许Web应用程序在用户的浏览器上持久存储数据，而不依赖于服务器或Cookie。这两者的主要区别在于数据的生命周期：localStorage的数据...
sessionStorage会话存储
wang13145的博客
05-25 924
1.说明 　　sessionStorage是HTML5新增的一个会话存储对象，用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页后将会删除这些数据。 　　在JavaScript语言中，可以用window.sessionStorage或sessionStorage调用此对象。 2.特点 　　1)同源策略限制。若想在不同页面之间对同一个sessionStorage对象进行操作,这些页面必须在同一个协议、同一个主机名和同一个端口下。 　　2)单标签页限制。sessionStorage操作限制在单
sessionStorage 会话存储
gaoyan426926的博客
12-07 177
sessionStorage ●叫：会话存储 ●也是把数据存到浏览器 ●特点：只要一关页面，那么数据就没了 ●除了这个特点以外，其他的跟localStorage 都是一样的 ●可以把它理解为是一个 短命版 的 localStorage ●它如果在当前页面里刷新了或跳转了，那么数据还在 ○应用场景：可以做页面传值 自定义属性 ● 标签，天生自带一些属性，这种属性称之为系统属性（自带属性、标准属性） <a href="" target=""></a> ○像a标签的href和tar.
53-sessionStorage会话存储
jolinoy的博客
07-04 226
53-sessionStorage会话存储sessionStorage 保存的数据在浏览器关闭的时候会被清空，localStorage不会，需要手动删除。
会话级别的本地存储：sessionStorage
https://ligo100.cn 小何博客欢迎访问。
04-25 272
文章目录[隐藏] sessionStorage 提供了四个方法来辅助我们进行对本地存储做相关操作: sessionStorage 提供了四个方法来辅助我们进行对本地存储做相关操作: (1)setItem(key,value)：添加本地存储数据。两个参数，非常简单就不说了。 (2)getItem(key):通过 key 获取相应的 Value。 (3)removeItem(key):通过 k...
HTML5 LocalStorage 本地存储详细概括（多图）
09-27
HTML5 LocalStorage 本地存储是Web开发中一种用于持久化数据的重要特性，它允许开发者在用户的浏览器中存储大量数据，而这些数据不会随着浏览器会话的结束而消失。相比于早期的Cookie技术，LocalStorage提供了更大的...
HTML5 Web存储方式的localStorage和sessionStorage进行数据本地存储案例应用
12-14
sessionStorage（会话存储），只有在浏览器被关闭之前使用，创建另一个页面时同意可以使用，关闭浏览器之后数据就会消失。 某个博主的测试localStorage兼容情况，如下：Chrome4+ 开始支持localStorage Firefox3.5+...
详解如何获取localStorage最大存储大小的方法
01-21
sessionStorage:仅在客户端存储不参与服务器通信，存储大小一般为5M，会话级存储，也就是说如果关闭当前页面或者浏览器那么就会清除 cookie:客户端存储，参与服务器通信，存储大小为4k,可设置生命周期，在设置的生命...
JS实现本地存储信息的方法(基于localStorage与userData)
10-20
现代浏览器提供了两种主要的本地存储解决方案：`localStorage` 和 `sessionStorage`。`localStorage` 是持久化的，数据在浏览器关闭后仍然存在，直到被手动清除或超过存储限制；`sessionStorage` 则只在当前会话内...
本地存储和会话存储
最新发布
2301_82017081的博客
05-25 573
本地存储（LocalStorage）是浏览器提供的一种机制，允许Web应用程序在用户的浏览器中存储数据。这些数据以键值对（key-value pairs）的形式存储，并且可以在浏览器会话之间保持持久性。本地存储是基于域名的，这意味着数据将与特定域名相关联。持久性： 存储在LocalStorage中的数据在浏览器关闭后仍然保留，直到被明确删除。容量限制： 浏览器为每个域名提供了一定的LocalStorage存储容量，通常为5-10MB。超出容量限制时，需要谨慎管理存储数据。
存储界：cookie、localstorage、sessionstorage
虎康的博客
08-06 2305
绑定在特定域名下，无法跨越浏览器对cookie数量的限制规定不同（例如FF规定每个域名最多50个，二Safari和chrome没有数量限制）所有cookie的累加长度限制为4KB，超长会被忽略（除了cookie本身的内容，还有部分可选属性可以被写入，必须都以分号开头）本地存储，存储的数据没有过期时间注：各浏览器支持的localStorage容量上限不同会话存储，存储的数据会在浏览器会话结束时被清除（即浏览器关闭时）...
本地存储sessionStorge，localStorage
CLhen的博客
07-15 174
本地存储sessionStorge，localStorage
localStorage（本地存储）与sessionStorage（会话存储）的区别
你的才华撑不起野心时，静下心学习；你的能力驾驭不了目标时，沉下心努力
08-17 274
 localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信。     sessionStorage仅在当前会话下有效，关闭页面或浏览器后被清除。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信。源...
本地存储(Local Storage) 和 会话存储(Session Storage)
m0_54853420的博客
03-10 728
我不会告诉你任何定义和概念，上车，读完这篇博客，你就会对本地存储(Local Storage) 和 会话存储(Session Storage)有一个清晰的认识。 目录 前提知识 范例 示例1：将键值对提供给本地存储 示例2: 本地存储中设置键值对 示例3: 获取空值 示例 4：将数组存储在本地存储中 示例 5：从本地存储中获取数组 示例 6：从本地存储中获取数组？ 示例 7：清除本地存储 示例 8：仅从本地存储中删除 Name1 键值对 会话存储 总结 前提知识 请按照我以下的步骤来： 1、在任
关于sessionStorage
热门推荐
AdleyTales的技术博客
11-03 1万+
localStorage 是全局缓存，永久有效，这个毫无疑问。sessionStorage是在当前会话之间有效，当前会话是多长。即：a页面设置sessionStorage，只要是从a页面出发建立联系的之后的页面都可以拿到a页面缓存的数据。 举例说明：a页面：<!DOCTYPE html> <html> <head> <title></title> </head> <body> <h2
浏览器存储(cookie、localStorage、sessionStorage)
weixin_45696837的博客
03-04 1921
浏览器存储(cookie、localStorage、sessionStorage)
缓存技术之session缓存管控
weixin_44800629的博客
11-01 647
缓存技术之session缓存管控：Session是服务器端使用的一种记录客户端状态的机制，一般Session存储在服务器的内存中，tomcat的StandardManager类将session存储在内存中；客户端只保存sessionID到cookie中，而不会保存session，session销毁只能通过invalidate或超时（默认30分钟），关掉浏览器并不会关闭session。
浏览器存储（localStorage和sessionStorage）
qq_64210892的博客
11-11 1309
浏览器的两种内地存储方式
Vuex中的$store.state和sessionStorage&localStorage的区别
05-16
`$store.state` 是 Vuex 中存储数据的地方，可以看作是一个全局的状态管理器，它可以存储应用程序的所有状态，而且所有组件都可以访问和修改它。 `sessionStorage` 和 `localStorage` 是浏览器提供的 Web 存储机制，用于在浏览器中存储数据。它们的区别在于数据的生命周期不同，`sessionStorage` 存储的数据在浏览器会话期间有效，当用户关闭浏览器窗口后，数据就会失效；而 `localStorage` 存储的数据则会一直存在，即使用户关闭浏览器窗口，数据也不会丢失，除非用户手动清除。 因此，`$store.state` 和 `sessionStorage`&`localStorage` 的区别在于： 1. `$store.state` 存储的数据是全局的，可以在整个应用程序中访问和修改，而 `sessionStorage`&`localStorage` 存储的数据只能在当前浏览器窗口中访问和修改。 2. `$store.state` 存储的数据是在内存中存储的，应用程序重新加载后数据会丢失，而 `sessionStorage` 存储的数据在浏览器会话期间有效，`localStorage` 存储的数据则会一直存在。 3. `$store.state` 存储的数据可以在应用程序中进行响应式处理，而 `sessionStorage`&`localStorage` 存储的数据不支持响应式处理。 因此，在实际开发中，我们需要根据具体的需求选择合适的存储方式。如果需要在整个应用程序中共享数据，并且数据需要支持响应式处理，那么就应该选择 `$store.state`；如果需要在浏览器窗口中存储数据，并且数据需要在浏览器会话期间有效，那么就应该选择 `sessionStorage`；如果需要在浏览器中长期存储数据，那么就应该选择 `localStorage`。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值