js实现七天免登录

于 2021-12-07 19:41:36 发布
阅读量923 收藏 2
点赞数 2
文章标签： javascript 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_63132759/article/details/121776965
版权

1.布局

 

2.获取

 

3.实现功能

 

 

倪莫问了
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js实现七天免登陆
u014465355的博客
02-24 6196
用户，密码登录，登陆一次后，七天内不用输入密码自动登录
jsp实现简单用户7天内免登录
01-08
本文实例为大家分享了jsp实现简单用户7天内免登录的具体代码，供大家参考，具体内容如下 （1）登陆页面：login.jsp <%@ page language=java contentType=text/html; charset=utf-8 pageEncoding=utf-8%> <!DOCTYPE html> <html> <head> <meta charset=utf-8> <title>Insert title here</title> </head> <body> <form action=LoginServlet method=post> 用户
JavaScript7天免登录
A_9888的博客
03-10 293
<label for="">用户名:</label><input type="text" id="username"> <label for="">密码:</label><input type="text" id="password"> <label for=""><input type="checkbox"...
js使用cookie实现7天免登录
u011295864的博客
04-09 3571
登录成功时setCookie： function setCookie() { let userName = 'admin' // 用户名 let passWord = '1' //密码 let cookieName = 'userInfo' // cookie名称 let data = { username: userName, ...
七天免登录JavaScript实现
Pioneer
04-16 7150
html代码&lt;label for=""&gt;用户名:&lt;/label&gt;&lt;input type="text" id="username"&gt; &lt;label for=""&gt;密码:&lt;/label&gt;&lt;input type="text" id="password&q
js实现简单登录功能的实例代码
10-26
js验证用户身份，登录成功之后等待一定秒数，跳转到操作页面。使用window函数。代码如下
js获取当前日期前七天的方法
10-24
主要介绍了js获取当前日期前七天的方法,涉及javascript中for语句及日期操作的技巧,需要的朋友可以参考下
JavaScript登录验证码的实现
10-21
验证码功能真的无处不在，为了提高网站的安全性，验证码功能是必要的环节，今天小编通过本文给大家分享js登录验证码的实现，感兴趣的朋友跟着小编一起学习吧
Cookie 学习案例之三天免登录
04-25
用Cookie实现 三天免登录，以及session登录练习使用解决null显示问题
利用Cookie实现十天免登录
10-03
该资源主要利用Cookie是由服务器端生成并储存在浏览器客户端上的数据。浏览器接收到来自服务器的Cookie数据之后默认将其保存在浏览器缓存中（如果浏览器关闭，缓存消失，Cookie数据消失），只要浏览器不关闭，当我们下一次发送“特定”请求的时候，浏览器负责将Cookie数据发送给WEB服务器。我们还可以使用特殊的方法，将Cookie保存在客户端的硬盘上，永久性保存，这样关闭浏览器Cookie还是存在的，不会消失。所以可以用来实现十天免登录功能
JS实现两周内自动登录功能
12-01
本文实例为大家分享了Android九宫格图片展示的具体代码，供大家参考，具体内容如下 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>两周内自动登录</title> [removed][removed] </head> <body> <form action="" method="post" id="form1"> <input type="text" nam
JS+HTML5本地存储Localstorage实现注册登录及验证功能示例
11-21
本文实例讲述了JS+HTML5本地存储Localstorage实现注册登录及验证功能。分享给大家供大家参考，具体如下： 源码引用的js、jquery都是在线的，代码拷到本地就能运行 登录： <html ng-app="ionicApp"> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> <title>登录</title> <link hre
js实现7天免登录
ws505760733的博客
11-03 1112
html代码： <div> <label for="username">用户名</label><input type="text" name="username" id="username"> <br> <label for="psw">密码</label><input type="text" name="psw" id="psw"> <br> <labe
免密登录(ssh)
曾哥的博客
04-10 449
生成“.ssh”目录 [root@localhost ~]# ssh localhost 注：localhost为虚拟机的ip映射，此过程需要输入一次密码 进入“.ssh”目录 [root@localhost ~]# cd ~/.ssh 生成私钥（id_rsa）和公钥（id_rsa.pub） [root@localhost ssh]#ssh-keygen -t rsa 注：输入此命令，然...
前端cookie七天自动登录
StubbornAccepted的博客
08-23 2193
登陆页中 //记住密码一个星期 var email=$.cookie('email'); var password=$.cookie('password'); $('#email').val(email); $('#password').val('password');登录验证账号密码成功后,cookie记住密码
js实现免登陆效果
qq_39305143的博客
05-21 1697
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> 用户名：<input type="text"><br/> 密&am...
实现一周之内自动登录的 cookie和session还有localStorage的存储机制
张张张的博客
07-20 6127
实现像京东一样可以一周之内免输入密码的cookie存储
用cookie实现登录密码保存
LittleYearYear的专栏
09-26 2721
js存放cookie一般的写法，如：document.cookie="userName=admin";，如果是多个键值对：document.cookie="userName=admin; userPass=123";  下面是js操作cookie保存用户的登录信息： [html] view plaincopy >   html xmlns
用js简单实现一个七天免登录
最新发布
06-02
好的，下面是一个简单的实现七天免登录的 JavaScript 代码： ```javascript const CookieUtil = { // 获取指定名称的 cookie 值 get: function (name) { let cookieName = encodeURIComponent(name) + "=" let cookieStart = document.cookie.indexOf(cookieName) let cookieValue = null if (cookieStart > -1) { let cookieEnd = document.cookie.indexOf(";", cookieStart) if (cookieEnd == -1) { cookieEnd = document.cookie.length } cookieValue = decodeURIComponent(document.cookie.substring(cookieStart + cookieName.length, cookieEnd)) } return cookieValue }, // 设置 cookie 值 set: function (name, value, expires, path, domain, secure) { let cookieText = encodeURIComponent(name) + "=" + encodeURIComponent(value) if (expires instanceof Date) { cookieText += "; expires=" + expires.toGMTString() } if (path) { cookieText += "; path=" + path } if (domain) { cookieText += "; domain=" + domain } if (secure) { cookieText += "; secure" } document.cookie = cookieText }, // 删除指定名称的 cookie unset: function (name, path, domain, secure) { this.set(name, "", new Date(0), path, domain, secure) } } // 判断是否登录 function checkLogin() { let username = CookieUtil.get("username") if (username) { // 已登录 // TODO: 执行登录后的操作 } else { // 未登录 let rememberMe = CookieUtil.get("rememberMe") if (rememberMe == "true") { // 自动登录 let password = CookieUtil.get("password") // TODO: 执行自动登录后的操作 } else { // 显示登录页面 // TODO: 显示登录页面 } } } // 登录 function login() { // 获取用户名和密码 let username = document.getElementById("username").value let password = document.getElementById("password").value // TODO: 执行登录操作 // 判断是否勾选七天免登录 let rememberMe = document.getElementById("rememberMe").checked if (rememberMe) { // 设置七天免登录 let expires = new Date() expires.setTime(expires.getTime() + 7 * 24 * 60 * 60 * 1000) CookieUtil.set("username", username, expires) CookieUtil.set("password", password, expires) CookieUtil.set("rememberMe", "true", expires) } else { // 删除七天免登录 CookieUtil.unset("username") CookieUtil.unset("password") CookieUtil.unset("rememberMe") } } ``` 在页面中，需要添加以下元素： ```html <input type="text" id="username" /> <input type="password" id="password" /> <input type="checkbox" id="rememberMe" /> <label for="rememberMe">七天免登录</label> <button onclick="login()">登录</button> ``` 其中，`username` 和 `password` 用于输入用户名和密码，`rememberMe` 用于勾选七天免登录，`login()` 方法用于执行登录操作。在 `checkLogin()` 方法中，判断是否已登录，如果已登录则执行登录后的操作，否则判断是否勾选七天免登录，如果勾选则执行自动登录操作，否则显示登录页面。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值