本地存储和会话存储以及cookie

最新推荐文章于 2023-11-01 23:28:32 发布
最新推荐文章于 2023-11-01 23:28:32 发布
阅读量510 收藏
点赞数
分类专栏： H5 JavaScript 文章标签： cookie session js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42802749/article/details/105679115
版权
本文介绍了Web存储中的sessionStorage和localStorage，它们分别用于临时和长期保存页面数据，关闭窗口后sessionStorage数据清除，而localStorage数据持久存在。此外，也提及了传统的cookie存储方式。
摘要由CSDN通过智能技术生成

本地存储和会话存储以及cookie

sessionStorage

sessionStorage 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。
作用域：

//设置数据，
sessionStorage.setItem('name','xiaoxiao');

//获取数据
var str = sessionStorage.getItem("name")
最低0.47元/天 解锁文章
weixin_42802749
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
sessionStorage会话存储&localStorage本地存储
weixin_45846980的博客
10-08 670
什么是 HTML5 Web 存储? 使用HTML5可以在本地存储用户的浏览数据。 早些时候,本地存储使用的是 cookie。但是Web 存储需要更加的安全与快速. 这些数据不会被保存在服务器上，但是这些数据只用于用户请求网站数据上.它也可以存储大量的数据，而不影响网站的性能 主要分为两种 sessionStorage会话存储&localStorage本地存储 先来介绍下sessionStorage会话存储 会话级存存储 浏览器到浏览器之间产生数据–key-value,当会话结束时，会话级数据消失 /
本地存储和会话存储
王春燕的博客
06-15 4769
HTML5的Web存储功能是让网页在用户计算机上保存一些信息。Web存储又分为两种： (1)本地存储，对应localStorage对象。用于长期保存网站的数据，并且站内任何页面都可以访问该数据。 (2)会话存储，对应 sessionStorage对象。用于临时保存针对一个窗口(或标签页)的数据。在访客关闭窗口或者标签页之前，这些数据是存在的，而关闭之后就会被浏览器删除。...
存储界：cookie、localstorage、sessionstorage
虎康的博客
08-06 2518
绑定在特定域名下，无法跨越浏览器对cookie数量的限制规定不同（例如FF规定每个域名最多50个，二Safari和chrome没有数量限制）所有cookie的累加长度限制为4KB，超长会被忽略（除了cookie本身的内容，还有部分可选属性可以被写入，必须都以分号开头）本地存储，存储的数据没有过期时间注：各浏览器支持的localStorage容量上限不同会话存储，存储的数据会在浏览器会话结束时被清除（即浏览器关闭时）...
本地存储 和 会话存储
最新发布
m0_56419249的博客
11-01 263
会话存储是一种在浏览器中临时存储数据的机制，数据只在用户的会话期间有效，一旦用户关闭浏览器，会话存储的数据就会被清除。会话存储适用于需要在用户会话期间保存数据的场景，比如在多个页面之间共享数据、临时保存表单数据等。本地存储是一种在浏览器中长期存储数据的机制，数据会一直保存在用户的本地计算机上，即使关闭浏览器也不会丢失。本地存储适用于需要长期保存数据的场景，比如记住用户的登录状态、保存用户的个性化设置等。需要注意的是，本地存储和会话存储都是在浏览器端进行的存储，不会将数据发送到服务器。
本地存储(Local Storage) 和 会话存储(Session Storage)
m0_54853420的博客
03-10 736
我不会告诉你任何定义和概念，上车，读完这篇博客，你就会对本地存储(Local Storage) 和 会话存储(Session Storage)有一个清晰的认识。 目录 前提知识 范例 示例1：将键值对提供给本地存储 示例2: 本地存储中设置键值对 示例3: 获取空值 示例 4：将数组存储在本地存储中 示例 5：从本地存储中获取数组 示例 6：从本地存储中获取数组？ 示例 7：清除本地存储 示例 8：仅从本地存储中删除 Name1 键值对 会话存储 总结 前提知识 请按照我以下的步骤来： 1、在任
本地储存和会话储存
qq_45662523的博客
08-25 875
本地储存和会话储存
jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法
10-19
在Web开发中，数据存储是不可或缺的一部分，jQuery提供了一些便捷的方法来访问和操作浏览器的本地存储，包括cookie、localStorage和sessionStorage。这三个机制都用于在客户端存储数据，但它们各有特点和适用场景。 ...
JavaScript本地储存:localStorage、sessionStorage、cookie的使用
10-14
本文主要介绍了三种本地储存方式：`sessionStorage`、`localStorage`和`cookie`。 1. `sessionStorage` `sessionStorage` 只在当前浏览器会话中有效，当用户关闭浏览器窗口或标签页时，存储的数据会被清除。它主要...
HTML5本地存储和本地数据库实例详解
09-27
HTML5的本地存储和本地数据库是现代Web应用程序的重要特性，它们极大地增强了网页在客户端存储数据的能力，从而使得离线应用和高效数据管理成为可能。在HTML4时代，开发者主要依赖于Cookie来存储用户数据，但由于...
cookie和会话状态的工作原理 .docx
09-29
Cookie和会话状态是Web开发中的重要概念，用于在客户端和服务器之间保持状态。本文将深入探讨这两种技术的工作原理。 首先，我们来看Cookie。Cookie分为两种类型：会话Cookie（session cookie）和持久性Cookie...
最详细：浏览器存储webStorage——本地存储localStorage&会话存储sessionStorage
weixin_56242678的博客
06-03 1654
webStorage是localStorage和sessionStorage的统称，存储内容大小一般为5MB左右（不同浏览器不一样），浏览器通过window.localStorage和window.sessionStorage属性来实现本地存储机制。相关API如下。
【Vue】本地存储(LocalStorage)和会话存储(SessionStorage)
热门推荐
游坦之的博客
04-30 1万+
存储的四个方法 1、存储 localStorage.setItem(key, value); key和value都必须是字符串。 例如：存储数据 【效果图】 【问】如果要传一个对象该怎么办？ 如果直接将对象作为value放进去，会出现这样的现象 用JSON（JSON.stringify() ）转换一下，将对象先转化成字符串，如下 然后就可以将对象，存进去了 2、读取localStorage.setItem(key） 例如：读取存储的数据 【效果图】...
本地存储(LocalStorage)、会话存储（Session）和 Cookie 三者之间的区别
Meta.Qing的博客
08-29 2022
因此，会发送一个 cookie 并将其存储在您的本地计算机上，以唯一标识您。特别是，通过 HTTP 访问的脚本（例如 http://abc.com）存储的数据存储在与通过 HTTPS 访问的同一站点（例如 https://abc.com）不同的对象中。HTTP协议的主要缺点是无状态协议，这意味着它不跟踪服务器和客户端的任何响应和请求信息，因此为了解决这个问题，有三种方法可以跟踪有用信息在本文中，我们将了解本地存储、会话存储和 Cookie 之间的区别，以及为什么 Web 开发人员了解这些术语很重要。...
本地存储(localStorage)和会话存储(sessionStorage)
qq_40738239的博客
03-24 8010
本文介绍本地存储(localStorage)和会话存储(sessionStorage)使用以及区别
Cookie原理及应用场景
MrZhang的博客
12-29 2948
Cookie概念、流程、应用场景及具体扩展开发
本地存储练习 会话存储练习
05-16
好的，本地存储和会话存储都是前端开发中常用的技术，可以用来存储一些用户数据或者状态信息，下面我会给你介绍一些练习的方法。 ## 本地存储练习 本地存储可以分为 localStorage 和 sessionStorage 两种，它们的区别在于数据的存储时效性不同，localStorage 的数据永久保存在用户的浏览器中，而 sessionStorage 的数据在用户关闭浏览器之后就会被清除。 下面是一些练习的方法： 1. 使用 localStorage 存储用户的个人信息，比如姓名、年龄、职业等，当用户再次访问该页面时，自动读取这些信息并展示在页面上。 2. 制作一个待办列表应用，使用 localStorage 存储用户输入的待办事项。当用户再次访问该页面时，自动展示之前保存的待办事项。 3. 制作一个在线购物车应用，使用 localStorage 存储用户添加到购物车中的商品信息。当用户再次访问该页面时，自动展示之前保存的购物车商品信息。 ## 会话存储练习 会话存储指的是在用户与网站进行交互的过程中，存储一些用户数据或者状态信息，在用户关闭浏览器之后这些数据就会被清除。常见的会话存储方式包括 cookie 和 sessionStorage。 下面是一些练习的方法： 1. 制作一个登录系统，使用 cookie 存储用户的登录状态。当用户登录成功后，将登录状态存储到 cookie 中，在用户关闭浏览器之前都可以保持登录状态。 2. 制作一个购物车应用，使用 sessionStorage 存储用户添加到购物车中的商品信息。当用户关闭浏览器之后，购物车中的商品信息会被清除。 3. 制作一个在线聊天室应用，使用 sessionStorage 存储用户的聊天记录。当用户关闭浏览器之后，聊天记录会被清除。 希望这些练习能够帮助你更好地掌握本地存储和会话存储的使用方法。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值