本地存储sessionStorge，localStorage

最新推荐文章于 2024-06-02 21:27:33 发布

mewgulfszd！

最新推荐文章于 2024-06-02 21:27:33 发布

阅读量173

点赞数

文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/CLhen/article/details/125809898

版权

window.sessionStorge

1、生命周期为关闭浏览器窗口，关闭窗口后数据将被删除。

2、在同一个窗口（页面）下数据可以共享。

3、以键值对的形式存储使用。

存储数据：

sessionStorage.setItem(key,value)

获取数据：

sessionStorage.getItem(key,value)

删除数据：

sessionStorage.removeItme(key,value)

删除所有数据：

sessionStorage.clear(key,value)

window.localStorge

1、声明周期永久生效，除非手动删除，否则关闭页面也会存在。

2、可以多窗口（页面）共享（同一浏览器下）。

3、以键值对的形式存储使用。

存储数据：

locaStorage.setItem(key,value)

获取数据：

locaStorage.getItem(key,value)

删除数据：

locaStorage.removeItme(key,value)

删除所有数据：

locaStorage.clear(key,value)

优惠劵

mewgulfszd！

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
本地存储sessionStorge，localStorage

本地存储sessionStorge，localStorage
复制链接

扫一扫

cookie与session、html5本地存储 localStorage与sessionStrorage

weixin_45085122的博客

11-08

192

localStorage与sessionStrorage存储

sessionStorage会话存储&localStorage本地存储

weixin_45846980的博客

10-08

657

什么是 HTML5 Web 存储? 使用HTML5可以在本地存储用户的浏览数据。早些时候,本地存储使用的是 cookie。但是Web 存储需要更加的安全与快速. 这些数据不会被保存在服务器上，但是这些数据只用于用户请求网站数据上.它也可以存储大量的数据，而不影响网站的性能主要分为两种 sessionStorage会话存储&localStorage本地存储 先来介绍下sessionStorage会话存储会话级存存储浏览器到浏览器之间产生数据–key-value,当会话结束时，会话级数据消失 /

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

本地存储LocalStorage和SessionStorage的用法

geng19980122的博客

03-09

2889

目录本地存储LocalStorage和SessionStorage的用法LocalStorage的特点LocalStorage的常用方法LocalStorage的局限性查看LocalStorageSessionStorage的用法 本地存储LocalStorage和SessionStorage的用法 LocalStorage的特点 1.LocalStorage的存储大小一般为5M 2.LocalStorage的存储类型为字符串 3.LocalStorage的存储时间是永久的，若想要删除，需要认为删除 Loc

浏览器本地存储cookie、localStorage 与 sessionStorage

青颜的天空的博客

07-05

754

HTTP协议 http：超文本传输协议，无状态，同一个客户端的这次请求和上次请求没有对应关系。 https：超文本传输安全协议对http服务器来说，它并不知道这两个请求来自同一个客户端，为了解决这个问题，Web程序引入了cookie机制来维护状态。 cookie是什么 cookie是浏览器提供的一种机制，可以由JavaScript对其进行操作(设置、读取、删除)，是一种会话跟踪技术，是存储于访问者计算机中的一小块数据会话：用户进入网站，开始浏览信息到关闭浏览器的过程，就称之为是一次会话；会话跟踪技

【Vue】vuex存储和本地存储(localstorage、sessionstorage)的区别

Mr_EvanChen的Blog

11-15

4867

1. sessionStorage 　　sessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后，数据会被删除。　　用法：　　　　储存： 1. 点（.）运算符 sessionStorage.lastname = 'JSAnntQ'; 　　　　　　　 2. 方括号（[ ]）运算符 ...

web 本地存储 （localStorage、sessionStorage）

as20102010的博客

07-21

194

web 本地存储 （localStorage、sessionStorage，cookie） localStorage(长期储存)：即使关闭浏览器数据也不会删除，除非使用localStorage.clear()去清掉数据。 sessionStorage(临时存储)：数据保存在当前浏览器中，浏览器关闭数据也随之消失。 cookie:是一些数据, 存储于你电脑上的...

cookies、sessionStorge、localStorage

吴冬雪的博客

03-12

210

在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。

js笔记：数据的本地存储sessionStorage，localStorage

憧憬，思考，奋斗，飞翔

10-19

179

数据的本地存储sessionStorage，localStorage

浏览器本地存储（cookie, localStorage 和 sessionStorage）

CSPsy的博客

02-27

1546

浏览器本地存储 在浏览器的本地存储中，有三种常见的方式：cookie, localStroage 和 sessionStorage 什么是 cookie cookie 全称 HTTP Cookie（也叫 Web Cookie 或浏览器 Cookie） cookie 的属性，创建，操作方法，设置有效期限，cookie的有效期限查询 localStorage和sessionStorge 的区别 localSorage的操作方法，

本地存储localStorage用法详解

08-29

主要为大家详细介绍了本地存储localStorage的用法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

HTML5 本地存储 LocalStorage详解

09-28

下面小编就为大家带来一篇HTML5 本地存储 LocalStorage详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

JavaScript本地储存:localStorage、sessionStorage、cookie的使用

10-14

主要介绍了JavaScript本地储存:localStorage、sessionStorage、cookie的使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

记录一次前端页面崩溃的产生及处理

weixin_51123079的博客

05-30

495

记录一次前端页面崩溃的产生及处理

Vue3实战笔记（52）—Vue 3封装持仓分析饼图

山花的博客

05-30

500

接上文，封装持仓分析饼图。封装好几个组件，用于后续开发。把忧愁煮成茶，让它在心间慢慢沉淀，剩下的，便是清甜的回味。

Typescript高级: 深入理解extends keyof语法

最新发布

Wang的专栏

06-02

575

在TypeScript中，extends关键字是类型系统中一个极其重要的组成部分它不仅用于类的继承，也是类型兼容性检查和泛型约束的关键机制特别是当它与keyof关键字结合，形成的结构时它为类型系统带来了强大的灵活性和表达能力，让我们能够在泛型中对对象的属性进行操作和约束。

【JS实战案例汇总——不定时更新版】

微木

05-30

328

练习JS的实用案例，倒计时算法、定时轮播图

web前端三大主流框架

低调做人，低调编码，神码都是浮云

05-30

934

Web前端三大主流框架介绍：Angular、React、Vue

Flutter 中的 SizeChangedLayoutNotifier 小部件：全面指南

smileKH的博客

05-28

527

是一个混合了和行为的布局小部件。它允许子组件在尺寸变化时发送通知，而其他组件可以订阅这些通知来响应尺寸变化。

本地数据存储 localStorage sessionStorage

06-01

在 Web 应用程序中，我们经常需要在浏览器中保存一些数据，以便在下一次访问应用程序时可以直接读取这些数据。为了实现这个功能，Web 浏览器提供了两种本地数据存储方式：`localStorage` 和 `sessionStorage`。 `localStorage` 和 `sessionStorage` 都是浏览器提供的 JavaScript API，可以用来在浏览器中保存和读取数据。它们的主要区别在于数据的生命周期和作用域。 `localStorage` 中保存的数据是永久性的，除非用户手动清除，否则数据将一直保存在浏览器中。而 `sessionStorage` 中保存的数据只在当前会话中有效，当用户关闭浏览器窗口或标签页时，数据将被删除。另外，`localStorage` 中保存的数据可以在不同的窗口或标签页中共享，而 `sessionStorage` 中保存的数据只能在同一个窗口或标签页中共享。在 JavaScript 中，我们可以使用以下代码来读取和保存数据到本地存储中： ``` // 保存数据到 localStorage 中 localStorage.setItem('key', 'value') // 从 localStorage 中读取数据 const value = localStorage.getItem('key') // 从 localStorage 中删除数据 localStorage.removeItem('key') // 清空 localStorage 中的所有数据 localStorage.clear() ``` 类似地，我们可以使用 `sessionStorage` 来读取和保存数据： ``` // 保存数据到 sessionStorage 中 sessionStorage.setItem('key', 'value') // 从 sessionStorage 中读取数据 const value = sessionStorage.getItem('key') // 从 sessionStorage 中删除数据 sessionStorage.removeItem('key') // 清空 sessionStorage 中的所有数据 sessionStorage.clear() ``` 需要注意的是，`localStorage` 和 `sessionStorage` 中只能保存字符串类型的数据，如果需要保存其他类型的数据，需要先将其转换为字符串类型。例如，我们可以使用 `JSON.stringify` 方法将 JavaScript 对象转换为字符串，然后再保存到本地存储中。在读取数据时，需要使用 `JSON.parse` 方法将字符串转换为 JavaScript 对象。

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

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交