LocalStorage和SessionStorage的区别

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

CY_T

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

阅读量218

点赞数

分类专栏：浏览器文章标签： chrome

本文链接：https://blog.csdn.net/qq_40642564/article/details/109038074

版权

浏览器专栏收录该内容

1 篇文章 0 订阅

订阅专栏

LocalStorage------------本地存储
SessionStorage---------临时存储

相同点

存储大小都在5M左右
都存在同源策略，无法跨域进行访问
都采用键值对（key ：value）的形式存储

不同点

LocalStorage的存储为永久存储，如果不手动删除的话不会清空，SessionStorage的存储为临时存储，会话结束后就会清除数据
二者均在同一浏览器的同源文档之间共享数据，但是SessionStorage更为苛刻，还需要在同一个标签页下才能共享

基本语法

添加数据

sessionStorage.setItem('name', 'mingming');

修改数据

sessionStorage.name = 'honghong' //改语句也可以当做添加数据使用

获取数据

sessionStorage.getItem('name')
sessionStorage.name

localStorage与sessionStorage的语法相同

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

CY_T

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

定时关闭广告2020/11/24

weixin_50286102的博客

11-24

518

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

impact_factor的博客

09-11

6844

localStorage和sessionStorage一、什么是 localStorage、sessionStorage二、使用方法三、localStorage 的优势与局限一、什么是 localStorage、sessionStorage 在 HTML5 中，新加入了一个 localStorage 特性，这个特性主要是用来作为本地存储来使用的，解决了 cookie 存储空间不足的问题(cookie 中每条 cookie 的存储空间为 4k)， localStorage 中一般浏览器支持的是 5M 大小，

参与评论您还未登录，请先登录后发表或查看评论

LocalStorage和sessionStorage之间的区别

最新发布

m0_65084430的博客

06-15

3286

在前端开发中，数据存储和状态管理是非常重要的内容。常用的存储方式有 Cookie、Session、LocalStorage 和 SessionStorage。本文将详细介绍这四者的区别，帮助开发者更好地理解和选择合适的存储方案。Cookie 是由服务器生成并发送到客户端的一小段数据，客户端会将其存储并在后续请求中携带，帮助服务器识别用户。用户身份认证（如记住登录状态）存储用户偏好设置跟踪用户行为（如广告点击记录）// 设置 Cookiepath=/";// 读取 Cookie。

localStorage和sessionStorage的区别

tanqingfu1的博客

11-11

147

1：localStorage localStorage 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去删除。 localStorage 属性是只读的 //保存数据赋值 localStorage.setItem("key", "value"); //获取指定是key var lastname = localStorage.getItem("key"); 2：sess...

JavaScript前端经典面试题

weixin_50367873的博客

11-03

420

html5的本地存储是存储在客户端中，本地存储包括sessionStorage和localStorage。区别一：生命周期 sessionStorage仅在当前会话下生效，当你关闭页面或浏览器后你存储的sessionStorage数据会被清除。 localStorage生命周期是永久，储存的信息是永远不会消失的，除非你自己主动清除localStorage信息。区别二：各自的使用方法sessionStorage使用方法 1、第一个参数是保存的变量名，第二个是变量的值 sessionStorage.setI

localStorage和sessionStorage区别

m0_51433562的博客

03-20

1351

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。这三个机制都用于在客户端存储数据，但它们各有特点和适用场景。 ...

cookie、localStorage和sessionStorage三者的区别

first_shun的博客

04-16

2万+

cookie、localstorage和sessionStorage三者都是在开发中用到的临时存储客户端会话信息或者数据的方法，下面就简单介绍一下三者的区别：一、存储的时间有效期不同 1、cookie的有效期是可以设置的，默认的情况下是关闭浏览器后失效 2、sessionStorage的有效期是仅保持在当前页面，关闭当前会话页或者浏览器后就会失效 3、localStorage的有效期是在不进行手动删除的情况下是一直有效的二、存储的大小不同 1、cookie的存储是4kb左右，存储量较小，一般

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的区别？

zshmiao的博客

07-20

157

localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。 localStorage 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去删除。 localStorage 属性是只读的。 sessionStorage 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。 localStorage 和 sessionStorage 的使用方法一样，以下以localStorage举例。保存数据语法： localSto

session与cookie的区别以及HTML5中WebStorage理解

weixin_30566111的博客

07-27

498

一、session与cookie的区别二、HTML5中WebStorage理解 WebStorage的目的是克服由cookie所带来的一些限制，当数据需要被严格控制在客户端时，不需要持续的将数据发回服务器。 WebStorage两个主要目标：（1）提供一种在cookie之外存储会话数据的路径。（2）提供一种存储大量可以跨会话存在的数据的机制。 HTML5的WebStorage提供了两...

localstorage和sessionstorage的区别

绿叶的博客

12-28

570

localstorage和sessionstorage的区别前言一、sessionstorage二、localstorage 前言今天在写项目的时候遇到了这个问题，就想要记录下来总的来说，localStorage和sessionStorage都是window对象提供的全局属性，用途都是在浏览器中存储key/value对的数据。一、sessionstorage sessionStorage在关闭窗口或标签页之后将会删除这些数据二、localstorage localStorage则没有这样的特性，除

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适合用于临时存储在同一会话期间需要共享的数据。