本地存储。

于 2024-05-21 22:05:12 发布
阅读量159 收藏
点赞数 1
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/surx123456/article/details/139101868
版权

本地存储特性

1、数据存储在用户浏览器中

2、设置、读取方便、甚至页面刷新不丢失数据

3、容量较大，sessionStorage 约5m、localStorage 约20m

4、只能存储字符串，可以将JSON.stringify()编码后存储

一、window.sessionStorage

1、生命周期为关闭浏览器窗口

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

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

二、window.localStorage

生命周期永久生效，除非手动删除 否则关闭页面也会存在

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

以键值对的形式存储使用

记住用户名案例

前端小咸鱼
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js的一些数据存储方式
mocoll的博客
08-21 2539
一、本地存储 随着.互联网的快速发展,基于网页的应用越来越普遍,同时也变的越来越复杂,为了满足各种各样的需求,会经常性在本地存储大量的数据, HTML 5规范提出了相关解决方案。 本地存储特性 1、数据存储在用户浏览器中。 2、设置、读取方便、甚至页面刷新不失数据。 3、容量较大, sessionStorage约5M、localStorage约20M。 4、只能存储字符串,可以将对象JSON.stringify0编码后存储。 二、window.sessionStorage 1、生命周期为关闭浏览器窗口。 2
JavaScript到底如何存储数据?
m0_45953836的博客
03-21 2948
普遍的观点：JavaScript中的基本数据类型是保存在栈空间，而引用数据类型则是保存在堆空间里, 是否正确？让我们一起来探索
Javascript本地存储的方式有哪些？区别及应用场景？
weixin_66557048的博客
01-09 345
举个例子，在一些使用 cookie保持登录态的网站上，如果 cookie被窃取，他人很容易利用你的 cookie来假扮成你登录网站。关于cookie的修改，首先要确定domain和path属性都是相同的才可以，其中有一个不同得时候都会创建出一个新的cookie。最后cookie的删除，最常用的方法就是给cookie设置一个过期的事件，这样cookie过期后会被浏览器删除。通过上述，我们可以看到cookie又开始的作用并不是为了缓存而设计出来，只是借用了cookie的特性实现缓存。
JS存值
xy_is_fhh的博客
10-23 344
保存一个值，可用变量 保存一组值（多个值），可使用数组 保存一个人物的完整信息，可使用对象（JS中对象表达结构清晰，强大）。 变量需要先声明再赋值，声明变量本质是去申请空间。 数组的两种创建方式：1.利用new创建数组 var 数组名=new Array();//创建一个新的空数组 2.利用数组字面量创建数组（常用） var 数组名=['小白','大黑','阿红']; ...
JavaScript本地储存：localStorage、sessionStorage、cookie
qq_41929578的博客
10-11 6760
javaScript有三种数据存储方式，分别是： sessionStorage localStorage cookier 1. sessionStorage sessionStorage仅在当前会话下有效，关闭页面或浏览器后被清除； setItem(key,value) 设置数据 getItem(key) 获取数据 removeItem(key) 移除数据 clear() 清除所有值 <script> // 添加数据 window.sessionStorage.setIte
原生JS实现购物车本地存储
08-18
利用原生js和本地存储技术实现购物车功能
Cloudreve云盘源码，支持本地储存和对接各大对象储存
11-01
loudreve云盘源码，支持本地储存和对接各大对象储存,界面 美观 测试环境:PHP7.1 + MYSQL5.6 + Apache 上传源码到根目录 安装程序: 浏览器数据 http://localhost/CloudreveInstallerlocalhost更换成你的网 址 安装...
大数据本地存储
10-21
本地存储 session 大数据本地存储 cookie
基于js 本地存储(详解)
10-19
下面小编就为大家带来一篇基于js 本地存储(详解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
本地存储localStorage用法详解
12-09
在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的...
JavaScript基础知识总结 15：JavaScript客户端存储
学Java，找哪吒
05-04 7069
目录一、cookie1、限制2、cookie的构成二、Web Storage三、sessionStorage对象四、localStorage对象五、IndexedDB1、数据库2、对象存储3、事务4、插入对象5、通过游标查询6、索引六、总结七、JavaScript思维导图 一、cookie HTTP cookie通常也叫作cookie，最初用于在客户端存储会话信息。这个规范要求服务器在响应HTTP请求时，通过发送Set-Cookie HTTP头部包含会话信息。 1、限制 cookie是与特定域绑定的，设置c
关于JS中的值在堆栈中的存储情况
m0_47520766的博客
08-04 309
JS中的值分为两种：①原始值：原始类型的值，也就是基本数据类型的值基本类型包括Number、String、Boolean、Null、Undefined存储在栈内存中，以“值”的拷贝方式赋值，值是不可变的②引用值：引用类型的值引用类型有Object、Array、Function、Date、RegExp.............
JavaScript中的数据储存（01-EC和作用域链--JS进阶）
QinGP97的博客
10-23 925
本篇学习总结简要概述JavaScript语言代码预解析与执行的过程，以及在这过程中内存的分配与释放。 关键字：JavaScript、代码段、预解析、行上下文EC、作用域、作用域链。
js之对象分类、数据类型分类和存储位置、函数 function介绍、变量的作用域
weixin_44867717的博客
08-28 155
（1）内建对象由ES标准中定义的对象，在任何的ES的实现中都可以使用比如：js中的内部对象包括Array、Boolean、Date、Function、Global、Math、Number、Object、RegExp、String以及各种错误类对象，包括Error、EvalError、RangeError、ReferenceError、SyntaxError和TypeError。其中Global和Math这两个对象又被称为“内置对象”，这两个对象在脚本程序初始化时被创建，不必实例化这两个对象。
localStorage-----通过js在浏览器中保存数据-----js如何存储数据
最新发布
qq_62563725的博客
05-07 312
当页面刷新，localStorage保存在浏览器中的数据仍会保留。JSON.stringify()：将数组或JSON转化为字符串。localStorage可将数据存储到本地（浏览器）当中。JSON.parse()：将字符串转化为数组或JSON。浏览器中查看localStorage存储的数据的方法。输入数据，点击保存，即可将输入的数据存入浏览器之中。不通过后端和数据库，可直接在浏览器中存储一些数据。点击清空数据，即可将浏览器中的所有数据清除。点击读取，即可查看存入浏览器中的数据。
JS本地保存数据的几种方法
weixin_30512043的博客
11-16 1245
1.Cookie这个恐怕是最常见也是用得最多的技术了，也是比较古老的技术了。COOKIE优点很多，使用起来很方便但它的缺点也很多：比如跨域访问问题；无法保存太大的数据（最大仅为4KB）；本地保存的数据会发送给服务器，浪费带宽 等等； 2.使用sessionStorage、localStoragelocalStorage：是一种你不主动清除它，它会一直将存储数据存储在客户端的存储方式，即...
Js对cookie的值的存储和获取（一）
weixin_42270571的博客
10-18 9553
1.cookie机制：由浏览器所提供，将documen对象的cookie属性提供给JavaScript. 可由JavaScript对其进行控制，但并不是JavaScript本身的性质。Cookie是存于硬盘的一个文件，通常对应于一个域名，当浏览器  再次访问这个域名时，便使这个cookie可用。(cookie可以跨越一个域名下的多个网页，但不能跨越多个域名使用)，可作为全局变量 2.cookie...
JavaScript中值的存储
雨名无的博客
10-22 327
JavaScript的值 概念 引用数据类型与基本数据类型 基本数据类型： number String Boolean null undefined symbol 引用数据类型：可以粗略的认为除上述类型意外的类型都是引用数据类型。 存储的问题 存储空间的划分 JS的内存空间分为栈(stack)、堆(heap)、池(一般也会归类为栈中)。 栈： 一般用来保存基本数据类型。 堆： 用来保存引用数据类型的实体。 池： 用来保存常量。 引用类型的存储与基本类型的存储 从内存的角度来看赋值过程 基
js数据存储方式
weixin_44021910的博客
07-18 1759
session、cookie、sessionStorage、localStorage等区别？ session会在一定的时间内存储在服务器端，用来保存用户的对象信息，session不能区分路径，同一个用户在访问一个网站期间，所有的session在任何一个地方都可以访问到； cookie、sessionStorage、localStorage的相同点是都存储在客户端 不同点分别表现在存储大小 有效时间...
html实现本地储存登录
05-19
可以使用浏览器的本地存储 localStorage 或 sessionStorage 来实现本地储存登录。 首先，在登录页面，将用户输入的用户名和密码存储到本地存储中： ```javascript // 获取用户名和密码输入框的值 var username = ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值