JavaScript——本地存储 用户名存储案例

最新推荐文章于 2024-09-21 11:29:05 发布
最新推荐文章于 2024-09-21 11:29:05 发布
阅读量771 收藏 8
点赞数 7
分类专栏： JavaScript 文章标签： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_46461853/article/details/125640099
版权

一、本地存储

1.1 本地存储特性

    1、数据存储在用户浏览器中
    2、设置、读取方便、甚至页面刷新不丢失数据
    3、容量大，sessionStorage约5M、localStorage约20M
    4、只能存储字符串，可以将对象JSON.stringify()编码后存储


1.2 window.sessionStorage

     1、生命周期为关闭浏览器窗口
     2、在用一个窗口页面下数据可以共享
     3、以键值对的形式存储使用

设置数据

sessionStorage.setItem(key, value)

获取数据

sessionStorage.getItem(key)

删除数据

sessionStorage.removeItem(key)

最低0.47元/天 解锁文章
鹿蹊zz
关注
专栏目录
记住密码
YW博客
09-10 174
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <input t
JS存储用户填写表单信息，刷新自动填充
12-11
Sisyphus.js 是一个利用 HTML5 技术实现的自动保存草稿插件，它能将表单数据自动保存到 LocalStorage 中。当浏览器崩溃后，只要重新打开浏览器就能恢复数据。它也是一个轻量级的 jQuery 插件，使用也非常简单，可以设置每隔一段时间或者是数据有变化时自动...
js保存,获取,删除cookie的操作
java 学习
03-17 174
JSP表单页面 &lt;form action="login" method="post"&gt; 用户名：&lt;input type="text" name="username" id="username" /&gt;&lt;br&gt; 密码：&lt;input type="password" name=&
javascript 信息存储
lanhai85的博客
10-26 815
java 信息存储
js localStorage案例,存储用户名
黄大仙
08-14 335
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <input type="text" id="username"> <input type="checkbox" name="" id="remember">记住用户名 &lt.
JS实现登录页面跳转后保存用户信息
heartToSky的博客
11-18 4264
本地存储信息 打算写一个带有注册登录页面的练习时，发现页面跳转html页面之后无法传递用户信息，百度了一下，发现JS有个window.sessionStorage方法可以实现本地存储信息 // 设置方法 sessionStorage.setItem(key,value); // 获得数据方法 console.log(sessionStorage.getItem(key)); // 删除数据方法 sessionStorage.removeItem(key); // 清空数据方法 sessionStorage.
前端——记住用户名案例
weixin_45166755的博客
06-30 361
案例 如果勾选记住用户名， 下次用户打开浏览器，就在文本框里面自动显示上次登录的用户名
前端JS学习笔记——本地存储
zerocean_的博客
03-11 1236
在HTML5之前浏览器存储数据一般只能存储在Cookie中，但是Cookie的限制是4096字节，这就要求网站存储的数据尽量精简，复杂的、关系型的用户数据就根本不可能存储了。 为了在本地存储大量数据，HTML5提出了新的本地存储技术sessionStorage和localStorage。 ...
JavaScript基础——JS简单案例
m0_68794863的博客
12-04 5461
JS基础案例
js读取本地文件的实例
10-18
下面小编就为大家分享一篇js读取本地文件的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
javaweb——serlvet简单登录案例.rar
11-28
本案例"javaweb——serlvet简单登录案例"是用于演示如何使用Servlet实现一个基本的用户登录功能。 首先，Servlet生命周期包括加载、初始化、服务、销毁四个阶段。在这个登录案例中，我们关注的是初始化和服务阶段。...
JS 如何利用浏览器的 cookie 保存用户名
郊眠寺
01-06 782
浏览器的cookie可以用来存储一些少量的网站信息,比如登录的用户名,用于提高用户体验非常有帮助有的一些网站在第一次登录后,在指定的时间范围内容,下次在打开网站,再次登录时,不用每次都重新输入用户名的或在做一些购物车效果时,也可以使用cookie,保持一个状态持续多长时间的cookie它是浏览器document下的属性,是一种机制,只是提供了一个接口给js脚本进行使用,通过添加cookie以及expires达到保存多少天的效果cookie的用途比较多,可以与服务器端进行交互,cookie。
记录一个本地存储用户信息的方法
shanfeng3344的博客
01-11 1419
记录用户信息的基本方法有三个， 1.用sharepreference来记录临时的数据（这个我 不推荐，不知道为什么，这个不是很靠谱，我之前就是用这个记录的，但是有时候，它会无缘无故的消失，就是记录的临时数据不见了，哎，我排查了好长时间都不顶用，就是无缘无故的消失了，）。 2.文件本地保存，但是文件有一个问题是，文件的话有的文件地址需要用户权限；所以，有点不靠谱，要是用户不允许你保存临时数据那就...
JS实现记住用户名
w645444407的博客
06-22 513
本文参考https://www.cnblogs.com/zoie-blog/p/6905467.html一文写出代码中的js部分基本上是参考的该博主的，仅将保存用户名部分放入了$("#remember").change(function(){｝中，这样才能实现点击记录&lt;html&gt; &lt;body&gt; &lt;img src="${ctx}/assets/admin/login/i...
在JavaScript中，如何存储你需要的信息 — 变量（关于变量的详细讲解）
muweichang的博客
09-07 834
变量是什么？ 声明变量 初始化变量 var 与 let 的区别 更新变量 变量类型
JS存储方式
weixin_62128198的博客
10-10 660
JS存储方式——cookie、localStorage、sessionStorage
js本地存储实现登录注册
2301_79431208的博客
08-22 547
与用本地存储去实现登录注册的链接。仅供参考，如有异议，请及时提问！
文件系统设计 - 开发文件系统 Store (上篇)
最新发布
qq_44746132的博客
09-21 262
本章以一个基础的响应式Store类开始，对编辑器最核心的基础模块-文件系统管理进行开发设计，遵循面向接口编程的理念，设计文件系统的相关接口类型定义。
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值