localstorage和sessionstorage使用区别

最新推荐文章于 2023-06-16 09:28:56 发布
最新推荐文章于 2023-06-16 09:28:56 发布
阅读量138 收藏 1
点赞数
分类专栏： vue 文章标签： localstorage和sessionstorage使用区别
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43739375/article/details/89241528
版权

什么时候用是根据他们各自的功能和需求来决定的。
localStorage可以长期存储,只要你不清理数据就会长期存在,比如用ajax加载的后台的菜单就可以在登录时储存起来
sessionStorage生命周期为当前窗口或标签页,一旦窗口或标签页被永久关闭了,那么所有通过sessionStorage存储的数据也就被清空了。
而且同一浏览器的不同页面间可以共享相同的 localStorage ，但是不同页面或标签页间无法共享sessionStorage的信息(如果一个标签页包含多个iframe标签且他们属于同源页面,那么他们之间是可以共享sessionStorage的)

想吃可爱多
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
LocalStorage和sessionStorage的用法以及使用区别
zag1069464798的博客
03-27 6387
1.localstorage:         localStorage的生命周期是永久性的。即使关闭浏览器，数据也不会销毁，存储大小一般为5M,需要主动去销毁，使用方法如下：        var storage = null;         if(window.localStorage){              //判断浏览器是否支持localStorage            sto...
一种更好的方法来使用localStorage和sessionStorage
08-11
一种更好的方法来使用localStorage和sessionStorage
localStorage和sessionStorage的使用和区别
wenqi
11-04 379
localStorage 只读的localStorage 属性允许你访问一个Document 源（origin）的对象 Storage；存储的数据将保存在浏览器会话中 localStorage的键值对总是以字符串的形式进行存储。 【例子】 // 访问了当前域名下的本地localStorage对象，并通过setItem()方法增加了一个数据项 localStorage.setItem("token", "123"); //读取localStorage数据项 let cat = localStorag
记第一次面试(问题：html5除了Cookie还有那些存储数据的方法？)
qq_32687373的博客
02-05 683
html5除了Cookie还有那些存储数据的方法？ html5提供了 sessionStorage和localStorage， //session级的存储在当前会话结束时就被清空了 sessionStorage.setItem('name','content'); var a = sessionStorage.getItem('name'); //local为永久的存储 localStora...
详说 Cookie, LocalStorage 与 SessionStorage
weixin_34221073的博客
05-02 1748
本文最初发布于我的个人博客：咀嚼之味 最近在找暑期实习，其中百度、网易游戏、阿里的面试都问到一些关于HTML5的东西，问题大多是这样开头的：“你用过什么HTML5的技术呀？” 而后，每次都能扯到 Cookie 和 localStorage 有啥差别。这篇文章就旨在详细地阐述这部分内容，而具体 Web Storage API 的使...
localStorage和sessionStorage之间的区别？
weixin_47450807的博客
03-22 1万+
一、写在前面 今天总结一下localStorage和sessionStorage之间的区别。 二、具体区别 2.1、声明周期的区别 localStorage是永久存储在浏览器中，只要当用户不删除数据，则该数据就会一直存放在localStorage中。sessionStorage是会话级别的存储，从名字session我们就可以看出来了，也就是当用户关闭浏览器，此时数据就会被销毁。 2.2、存储大小：localStorage和sessionStorage存储大小都是5MB。 2.3、sessionStorage
localstorage和sessionstorage的区别
XiaoSen207的博客
03-09 2万+
localstorage和sessionstorage的区别
localStorage和sessionStorage区别和使用
qq_39148344的博客
10-08 513
一、什么是localStorage 在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。 二、localStorage、sessionStorage的优...
localStorage和sessionStorage的区别
m0_51014049的博客
06-16 142
localStorage和sessionStorage的区别是什么。
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
首先，了解`localStorage`和`sessionStorage`的基本使用方法。这两个API都提供`setItem`、`getItem`、`removeItem`和`clear`等方法，用于存储和获取数据。其中，`localStorage`的数据不会随着浏览器会话的结束而清除...
详解localStorage和sessionStorage
impact_factor的博客
09-11 6787
localStorage和sessionStorage一、什么是 localStorage、sessionStorage二、使用方法三、localStorage 的优势与局限 一、什么是 localStorage、sessionStorage 在 HTML5 中，新加入了一个 localStorage 特性，这个特性主要是用来作为本地存储来使用的，解决了 cookie 存储空间不足的问题(cookie 中每条 cookie 的存储空间为 4k)， localStorage 中一般浏览器支持的是 5M 大小，
LocalStorage和sessionStorage之间的区别
热门推荐
fcdd123的专栏
02-21 3万+
在HTML 5 最开始时，本地存储有两种方式：一种是web Storage，另一种是web SQL。由于web SQL的实现是基于SQLite，它更倾向于DataBase方向，且W3C官方在2011年11月宣布不在维护web SQL规范，故其API接口目前已经不属于HTML 5的范畴。因此，目前我们常讲的HTML 5本地存储，多指的是web Storage。
vue的extends的使用
weixin_43739375的博客
01-09 2479
vue的extends和mixins类似.通过暴露一个extends对象到组件中使用. extends会比mixins先执行。执行顺序：extends > mixins > 组件 extends只能暴露一个extends对象，暴露多个extends不会执行 暴露两个mixins对象: ...
vue main.js new Vue实例写法
weixin_43739375的博客
01-15 2092
写法1: 写法2: 这两种写法是一个道理, 写法2中window.vm是给window全局下加vm实例,再挂在渲染上去.
vue之this.$route.query和this.$route.params的区别
weixin_43739375的博客
04-12 2044
1.this.$route.query的使用 A、传参数： this.router.push(path:′/monitor′,query:id:id,）B、获取参数：this.router.push({ path: '/monitor', query:{ id:id, } }）...
vue单文件中import和@import的区别
weixin_43739375的博客
04-12 1351
样式里面引入样式, 不能直接用 import, 需要在 import 前面加个@; 就是说如果你在 script中的import是js的语法
localstorage和sessionstorage cookie区别
最新发布
08-23
localstorage、sessionstorage和cookie都是用来存储数据的，但它们之间有以下区别： 1. 存储容量：cookie的存储容量最小，只有4KB，而localstorage和sessionstorage的存储容量可以达到5MB。 2. 存储位置：cookie的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值