JS sessionStorage\localStorage和记住用户名练习

最新推荐文章于 2024-09-25 18:15:20 发布
最新推荐文章于 2024-09-25 18:15:20 发布
阅读量93 收藏
点赞数
分类专栏： JS 文章标签： sessionStorage localStorage 浏览器窗口 混合使用 用户名案例
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LIUYJ520/article/details/126405656
版权

sessionStorage和localStorage的区别

sessionStorage的生命周期是浏览器窗口关闭之前，且只能单个网页使用。
localSotrage的生命周期是永远，除非手动删除，能够多个网页混合使用。
sessionStorage练习：
在这里插入图片描述
localStorage练习：
在这里插入图片描述
记住用户名案例：
在这里插入图片描述

Ejing6747
关注
专栏目录
JavaScript——本地存储 用户名存储案例
鹿蹊zz的博客
07-06 775
1、数据存储在用户浏览器中 2、设置、读取方便、甚至页面刷新不丢失数据 3、容量大，sessionStorage约5M、localStorage约20M 4、只能存储字符串，可以将对象JSON.stringify()编码后存储 1、生命周期为关闭浏览器窗口 2、在用一个窗口页面下数据可以共享 3、以键值对的形式存储使用设置数据获取数据删除数据清空数据练习： 1、生命周期永久生效，除非手动删除，否则关闭页面也会存在 2、可以多窗口页面共享（同一个浏览器
JavaScript 本地存储
苦涩
07-04 298
本地存储简介 在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的 web 应用程序能够在用户浏览器中对数据进行本地的存储 解决了cookie存储空间不足的问题（cookie的存储空间为4K） localStorage中一般浏览器支持的是5M大小，相当于一个5M大小的针对于前端页面的数据库 HTML5本地存储优于cookie 本地存储提供了两个在客户端存储数据的对象 localStorage：永久存储，存储没有截止日期的数据 sessionStorage.
JS---本地存储的sessionStoreage和localStorag的区别和使用
前端与计算机相关知识的分享，博主的qq523235674
01-25 2227
一、为什么需要本地存储 随着互联网的快速发展，基于网页的应用越来越普遍，同时也变的越来越复杂，为了满足各种各样的需求，会经常性在本地存储大量的数据，HTML5规范提出了相关解决方案。 二.本地存储的特点 1、数据存储在用户浏览器中 2、设置、读取方便、甚至页面刷新不丢失数据 3、容量较大，sessionStorage约5M、localStorage约20M 4、只能存储字符串，可以将对象JSON.stringify)编码后存储 三.本地存储---window. sessionStora..
sessionStorage或localStorage实现注册登录demo
weixin_34296641的博客
08-04 386
利用sessionStorage或localStorage的本地存储实现登录注册的功能 //注册页面的js,获取注册时的用户名和密码，并进行本地存储 <script> $(function(){ $("#btn_part1").click(function(){ var phone = $("#ph...
JavaScript核心 DOM 和 BOM操作
捣蛋龙的博客
07-23 878
JavaScript核心 DOM 和 BOM操作 含案例
JavaScript知识点整理（十七）- 本地存储
JHY97的博客
03-24 679
目录 一、本地存储 1.1 本地存储特性 1.2 window.sessionStorage 1.3 window.localStorage 1.4 案例练习 - 记住用户名 一、本地存储 1.1 本地存储特性 数据存储在用户浏览器中 设置、读取方便、甚至页面刷新不丢失数据 容量大，sessionStorage约5M、localStorage约20M 只能存储字符串，可以将对象JSON.stringify()编码后存储 1.2 window.sessionStorage 生命周期
前端面试练习24.3.2-3.3
xhc6666的博客
03-02 996
前端面试练习24.3.2-3.3
网站建设 之 前端练习题
HeroIsUseless的博客
02-26 1114
HTML JS CSS @supports (display: flex) { div { display: flex; }} @supports not (display: flex) { div { float: right; }} 注释：如果浏览器支持display:flex属性的话，那么div的样式就是display:flex，如果浏览器不支持display:flex属性的话，那么div的样式就是display:right @supports (display: flex) and ( box-sh
今天的码农女孩做了关于存储的笔记和练习 2022/1/19
m0_64444606的博客
01-19 501
HTML5存储 html5存储和cookie区别 1.cookie存储在浏览器下，html5存储在磁盘中 2.cookie在服务端发送，html5在客户端使用 3.cookie需要联网使用，html5可以不用网络 4.cookie最多存储4kb，html5看磁盘大小 5.cookie有时间周期，到时间会自动删除，html5除非手动删除，否则一直存在 cookie存储 cookie用来存储页面的值，一个网站共享一套cookie，cookie并不是浏览器提供的，是由程序员自己创建的，一个文件大小不得超过4kb，
Web小米商城首页和登录页面基于HTML+CSS+JS实现
06-08
此外，为了优化用户体验，可以利用HTML5的新特性，比如离线存储（AppCache或Service Worker）、本地存储（localStorage或sessionStorage）来缓存数据，提高加载速度。同时，遵循无障碍网页设计（Web Accessibility）...
JS实现两周内自动登录功能
12-01
标题中的“JS实现两周内自动登录功能”是指利用JavaScript编程语言设计的一种机制，使得用户在登录网站后，如果选择“两周内自动登录”，则在两周内的每次访问，系统都能自动填充用户名和密码，免去用户手动输入的...
javascript-DOM:镭火箭-Problemática09
04-05
- 数据存储：若注册功能，可能涉及将用户信息保存到本地存储（`localStorage`或`sessionStorage`）或服务器端。 3. **JavaScript DOM操作**： - 获取元素：使用`document.getElementById`、`document....
计算机毕业设计之：基于微信小程序的诗词智能学习系统（源码+文档+解答）
程序员阿龙的博客
09-22 4400
博主介绍： ✌我是阿龙，一名专注于Java技术领域的程序员，全网拥有10W+粉丝。作为CSDN特邀作者、博客专家、新星计划导师，我在计算机毕业设计开发方面积累了丰富的经验。同时，我也是掘金、华为云、阿里云、InfoQ等平台的优质作者。通过长期分享和实战指导，我致力于帮助更多学生完成毕业项目和技术提升。 技术范围： 我熟悉的技术领域涵盖SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app、大数据、物联网、机器学习等方
运行VUE项目运行时候的报错汇总
W3306698294的博客
09-21 322
上面的问题解决问题：【在npm install 后面加 --legacy-peer-deps，就可以解决了】
vue上传预览CAD文件
只会写bug
09-24 540
如果选择的是 Three.js，那么可以创建一个场景来加载和显示模型。如果是用特定的 CAD 查看器库，则按照其文档进行集成即可。根据具体需求和技术能力，可以选择最适合的解决方案来实现 CAD 文件的上传和预览功能。
基于Springboot+Vue的高校教室资源管理系统的设计与实现（含源码+数据库）
m0_59480939的博客
09-25 192
这个系统有三个角色：管理员、学生和教师。管理员可以在前台查看教室信息列表并进行预约，而在后台可以管理学生、教师、教室类型、教室信息、教室预约、系统公告和轮播图等模块，支持新增、查看、修改、删除和审核等操作。系统支持管理员后台登录，但不支持学生和教师后台登录，学生和教师则支持前台注册与登录，而管理员不支持前台登录和注册。数据库版本: mysql5.7或8.0。JDK版本: Java JDK1.8。开发系统:Windows10/11。数据库可视化工具: navicat。架构模式:MVC/前后端分离。
jQuery国内大厂CDN加速链接
TANKING，开源开发者！
09-21 360
jQuery的CDN有很多，但都很不稳定，例如国内的bootcdn经常抽风，还有其他的常见的例如jQuery官方的jsDeliverstaticfile，这些都是经常抽风的。导致使用了线上的CDN的页面打开受到影响，那么就没有国内好用的CDN吗？下面是我汇总的一些大厂的！
方法论大师 JavaScript 版本
最新发布
PlayerYK的专栏
09-25 193
无论什么行业、什么问题，都会有一群人擅长通过简单的拼凑和归纳，炮制出一套“高深”的方法论。这些方法论通常看似逻辑严密、层层递进，实则全是空洞的概念堆砌，毫无实质作用。最搞笑的是，他们居然能为任何事物总结出一个“公式”，让人乍一看觉得有理，仔细思考后发现不过是披着华丽外衣的废话。是不是开始觉得这些“方法论大师”其实并没有提供真正有价值的建议？如果你也曾被这些空洞的概念忽悠过，那么来吧，我为你提供一个...
cookie与sessionstorage localstorage的区别
05-14
Cookie、sessionStorage和localStorage都是前端存储数据的方式，它们的主要区别在于以下几个方面： 1. 存储大小：Cookie的存储大小一般为4KB，而sessionStorage和localStorage的存储大小一般为5MB。 2. 生命周期：...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值