localStorage本地存储

最新推荐文章于 2022-09-11 16:12:54 发布
最新推荐文章于 2022-09-11 16:12:54 发布
阅读量266 收藏 1
点赞数 1
分类专栏： 本地存储 文章标签： 本地存储 localStorage本地存储
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hsq1026hsq/article/details/74942063
版权 
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    账号:<input>
    密码:<input>
    记住密码:<input type="checkbox">
    <button οnclick="set()">登录</button>
<script>
    var user = document.getElementsByTagName("input")[0],
            pass = document.getElementsByTagName("input")[1],
            check = document.getElementsByTagName("input")[2],
            loUser = localStorage.getItem("user") || "";
            loPass = localStorage.getItem("pass") || "";
        user.value = loUser;
        pass.value = loPass;
        if(loUser !== "" && loPass !== ""){
            check.setAttribute("checked","");
        }
    function set(){
        if(check.checked){
            localStorage.setItem("user",user.value);
            localStorage.setItem("pass",pass.value);
        }else{
            localStorage.setItem("user","");
            localStorage.setItem("pass","");
        }
        console.log(localStorage.getItem("user"));
        console.log(localStorage.getItem("pass"));
    }
</script>
</body>
</html>

启宝
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
localStorage用于本地存储
mayixixi的专栏
06-15 6952
localStorage对象是HTML5的客户端存储持久化数据的方案。为了能访问到同一个localStorage对象，页面必须来自同一个域名（子域名无效），使用同一种协议，在同一个端口上。 localStorage是Storage类型的实例。有以下的几种方法： ①clear（）：删除所有值。 ②getItem（name）：根据指定的名字name获取对应的值 ③key(index)：在指定的
本地存储localstorage
danhuang
09-05 2767
一、本地存储localstorage      主要应用于离线存储、本地数据统计上报。localstorage可以在本地存储5M的数据，可以很好的满足这两 种需求。同时可以保存一些长久不变的信息，不需要网络请求加载。       二、浏览器支持情况 基本上除IE6-7不支持外，其他浏览器都是支持。 测试浏览器兼容方法： if(window.lo
基于Vue和Quasar的前端SPA项目实战之用户登录（二）
crudapi的博客
03-09 1197
基于Vue和Quasar的前端SPA项目实战之用户登录（二） 回顾 通过上一篇文章 基于Vue和Quasar的前端SPA项目实战之环境搭建（一）的介绍，我们已经搭建好本地开发环境并且运行成功了，今天主要介绍登录功能。 简介 通常为了安全考虑，需要用户登录之后才可以访问。crudapi admin web项目也需要引入登录功能，用户登录成功之后，跳转到管理页面，否则提示没有权限。 技术调研 SESSION SESSION通常会用到Cookie，Cookie有时也用其复数形式Cookies。类型为“小型文本文件
Vue框架（二）------quasar简介及初始化
chucksun0426的博客
09-11 4979
根目录下：quasar.config.js，存放quasar配置项，里新增第三方组件需要在此文件内的。// 页面侧边栏提取组件。// 页面顶栏提取组件。
踩坑localStorage总结
qq_45472813的博客
06-09 1922
大家好，我是码爸爸????，每天努力一点点????，就能升职加薪????当上总经理出任CEO迎娶白富美走上人生巅峰????，想想还有点小激动呢????。奥力给！！ 前言： 每天看视频学习是不行的，要适当的写几个dome，把该有的坑踩一遍。前天自己写一个以localStorage储存数据的商品购物车，不多bb,直接上展示链接 https://lihai-boop.github.io/mySOL/%E5%95%86%E5%93%81%E8%B4%AD%E7%89%A9%E8%BD%A6/html/index
vue quasar 整合富文本编辑器，实现图图片上传
HouYing
07-26 1405
先看看最终的效果 图片上传样子： 线上访问地址：http://cc-admin.top/sys/news（服务器带宽低，耐心多等会） 演示项目源代码： 前端：https://gitee.com/zhy6599/cc-admin-web， 对应后台：https://gitee.com/zhy6599/cc-admin-api 新闻编辑页面代码： <q-dialog maximized flat persistent ref="dialog" position="righ...
退出按钮加一个清空localstorage_浅析localStorage(本地存储)
weixin_39601929的博客
12-03 320
Window localStorage 属性前言只读的localStorage属性允许你访问一个Document源（origin）的对象Storage；存储的数据将保存在浏览器会话中。localStorage类似sessionStorage，但其区别在于：存储在localStorage 的数据可以长期保留；而当页面会话结束——也就是说，当页面被关闭时，存储在sessionStorage的数据会被清...
localstorage本地存储工具
05-24
提供get,set,del方法，快捷在本地存储数据，所有浏览器通用（不支持localstorage的，使用cookie保存）
基于bootstrap写的一点localStorage本地储存
08-28
主要介绍了基于bootstrap写的一点localStorage本地储存,需要的朋友可以参考下
HTML5 LocalStorage 本地存储详细概括（多图）
09-27
HTML5 LocalStorage 本地存储是Web开发中一种用于持久化数据的重要特性，它允许开发者在用户的浏览器中存储大量数据，而这些数据不会随着浏览器会话的结束而消失。相比于早期的Cookie技术，LocalStorage提供了更大的...
详解HTML5 LocalStorage 本地存储
09-28
本篇文章主要介绍了HTML5 LocalStorage 本地存储 ，HTML5 storage提供了一种方式让网站能够把信息存储到你本地的计算机上，并再以后需要的时候进行获取。有兴趣的可以了解一下。
html5中localStorage本地存储的简单使用
09-28
- `localStorage.setItem("key", JSON.stringify(object))`：将JavaScript对象转换为JSON字符串后存储，如`localStorage.setItem("set1", "{'name':'小李','age':'1314'}")`。 - `var object = JSON.parse...
基于Springboot和Vue的图书借还管理系统源码 图书借还管理系统代码（高分毕设）
07-28
图书借还管理系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！ 系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！ 系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！
C语言内存管理：静态与动态分配的较量
07-28
C语言是一种通用的编程语言，由丹尼斯·里奇（Dennis Ritchie）在20世纪70年代早期于美国电话电报公司（AT&T）的贝尔实验室开发。C语言以其高效性、灵活性和可移植性而闻名，它是一种过程式编程语言，提供了对底层硬件的直接访问能力。 C语言的特点包括： 1. **简洁高效**：C语言的语法简洁，执行效率高，适合编写系统软件。 2. **接近硬件**：C语言提供了对内存地址和位操作的直接控制，使其非常适合硬件级编程。 3. **可移植性**：C语言编写的程序可以在不同的操作系统和硬件平台上编译和运行，具有很好的可移植性。 4. **丰富的库支持**：C语言拥有大量的标准库，如标准输入输出库（stdio.h）、数学库（math.h）等。 5. **结构化编程**：C语言支持结构化编程，允许使用循环、条件判断和函数等控制结构。 6. **指针**：C语言的指针功能强大，可以操作内存地址，实现复杂的数据结构和算法。 7. **编译型语言**：C语言是一种编译型语言，源代码需要通过编译器转换成机器码才能运行。 C语言广泛应用于操作系统（如Unix和Linux）、嵌入式系统、高性能
通讯协议规范-命令包格式
07-28
提供一份通讯协议规范，包含命令包、格式等，在上下位机调试的时候可参考该文档，制定对应的通讯协议。
四足宠物机器狗动态步行规划与仿真.pdf
最新发布
07-28
四足宠物机器狗动态步行规划与仿真
JSP、Servlet、HTML、CSS、JS和JQuery开发的Java题库管理系统可执行内含文档代码.zip
07-28
JSP、Servlet、HTML、CSS、JS和JQuery开发的Java题库管理系统可执行内含文档代码.zip
微信小程序-小京东源代码完美运行版.7z
07-28
经导师精心指导并认可、获 98 分的毕业设计项目！【项目资源】：微信小程序。【项目说明】：聚焦计算机相关专业毕设及实战操练，可作课程设计与期末大作业，含全部源码，能直用于毕设，经严格调试，运行有保障！【项目服务】：有任何使用上的问题，欢迎随时与博主沟通，博主会及时解答。 经导师精心指导并认可、获 98 分的毕业设计项目！【项目资源】：微信小程序。【项目说明】：聚焦计算机相关专业毕设及实战操练，可作课程设计与期末大作业，含全部源码，能直用于毕设，经严格调试，运行有保障！【项目服务】：有任何使用上的问题，欢迎随时与博主沟通，博主会及时解答。 经导师精心指导并认可、获 98 分的毕业设计项目！【项目资源】：微信小程序。【项目说明】：聚焦计算机相关专业毕设及实战操练，可作课程设计与期末大作业，含全部源码，能直用于毕设，经严格调试，运行有保障！【项目服务】：有任何使用上的问题，欢迎随时与博主沟通，博主会及时解答。 经导师精心指导并认可、获 98 分的毕业设计项目！【项目资源】：微信小程序。【项目说明】：聚焦计算机相关专业毕设及实战操练，可作课程设计与期末大作业，含全部源码，能直用于毕设，经严格调试，运行有保障！【项目服务】：有任何使用上的问题，欢迎随时与博主沟通，博主会及时解答。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值