JS读取cookie（记住账号密码）

最新推荐文章于 2024-01-11 17:24:42 发布
最新推荐文章于 2024-01-11 17:24:42 发布
阅读量933 收藏
点赞数
分类专栏： Jsp Javascript

很多登录功能上都有个“记住密码”的功能，其实无非就是对cookie的读取。

下面展示这个功能的代码，原作者已无法考究。。。。

测试方法：直接输入账号密码，提交后，刷新页面，再输入同样的账号，就可以显示

?
<!DOCTYPE HTML>
< head >
< meta  http-equiv = "Content-Type"  content = "text/html; charset=utf-8"  />
< title >js COOKIE 记住帐号或密码</ title >
< script  type = "text/javascript" >
     window.onload=function onLoginLoaded() {
         if (isPostBack == "False") {
             GetLastUser();
         }
     }
     
     function GetLastUser() {
         var id = "49BAC005-7D5B-4231-8CEA-16939BEACD67";//GUID标识符
         var usr = GetCookie(id);
         if (usr != null) {
             document.getElementById('txtUserName').value = usr;
         } else {
             document.getElementById('txtUserName').value = "001";
         }
         GetPwdAndChk();
     }
     //点击登录时触发客户端事件
     
     function SetPwdAndChk() {
         //取用户名
         var usr = document.getElementById('txtUserName').value;
         alert(usr);
         //将最后一个用户信息写入到Cookie
         SetLastUser(usr);
         //如果记住密码选项被选中
         if (document.getElementById('chkRememberPwd').checked == true) {
             //取密码值
             var pwd = document.getElementById('txtPassword').value;
             alert(pwd);
             var expdate = new Date();
             expdate.setTime(expdate.getTime() + 14 * (24 * 60 * 60 * 1000));
             //将用户名和密码写入到Cookie
             SetCookie(usr, pwd, expdate);
         } else {
             //如果没有选中记住密码,则立即过期
             ResetCookie();
         }
     }
     
     function SetLastUser(usr) {
         var id = "49BAC005-7D5B-4231-8CEA-16939BEACD67";
         var expdate = new Date();
         //当前时间加上两周的时间
         expdate.setTime(expdate.getTime() + 14 * (24 * 60 * 60 * 1000));
         SetCookie(id, usr, expdate);
     }
     //用户名失去焦点时调用该方法
     
     function GetPwdAndChk() {
         var usr = document.getElementById('txtUserName').value;
         var pwd = GetCookie(usr);
         if (pwd != null) {
             document.getElementById('chkRememberPwd').checked = true;
             document.getElementById('txtPassword').value = pwd;
         } else {
             document.getElementById('chkRememberPwd').checked = false;
             document.getElementById('txtPassword').value = "";
         }
     }
     //取Cookie的值
     
     function GetCookie(name) {
         var arg = name + "=";
         var alen = arg.length;
         var clen = document.cookie.length;
         var i = 0;
         while (i < clen ) {
             var j  = i  + alen;
             //alert(j);
             if (document.cookie.substring(i, j) == arg) return getCookieVal(j);
             i  = document .cookie.indexOf(" ", i) + 1;
             if (i == 0) break;
         }
         return null;
     }
     var isPostBack = "<%= IsPostBack %>";
     
     function getCookieVal(offset) {
         var endstr = document.cookie.indexOf(";", offset);
         if (endstr == -1) endstr = document.cookie.length;
         return unescape(document.cookie.substring(offset, endstr));
     }
     //写入到Cookie
     
     function SetCookie(name, value, expires) {
         var argv = SetCookie.arguments;
         //本例中length = 3
         var argc = SetCookie.arguments.length;
         var expires = (argc > 2) ? argv[2] : null;
         var path = (argc > 3) ? argv[3] : null;
         var domain = (argc > 4) ? argv[4] : null;
         var secure = (argc > 5) ? argv[5] : false;
         document.cookie = name + "=" + escape(value) + ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) + ((path == null) ? "" : ("; path=" + path)) + ((domain == null) ? "" : ("; domain=" + domain)) + ((secure == true) ? "; secure" : "");
     }
     
     function ResetCookie() {
         var usr = document.getElementById('txtUserName').value;
         var expdate = new Date();
         SetCookie(usr, null, expdate);
     }
</ script >
</ head >
< body >
< form  id = "form1" >
   < div > 用户名:
     < input  type = "text"  ID = "txtUserName"  onblur = "GetPwdAndChk()" >
     < input  type = "password"  ID = "txtPassword" >
     密码：
     < input  type = "checkbox"  ID = "chkRememberPwd"  />
     记住密码
     < input  type = "button"  OnClick = "SetPwdAndChk()"  value = "进入" />
   </ div >
</ form >
</ body >
</ html >
Tonvchong
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js实现记住账号密码功能
08-06
js实现记住账号密码功能，实现不了随便喷
通过js来设置cookie和读取cookie，实现登陆时记住密码的功能
dsh989224的专栏
06-22 167
function setCookie(){ //设置cookie var loginCode = $("#login_code").val(); //获取用户名信息 var pwd = $("#login_password").val(); //获取登陆密码信息 var checked = $("[name='checkbox']:checked")...
javascript中cookie使用--登录记住密码
夜黑博客
04-21 637
function SetCookie(name, value) { //设置Cookie键值对 var exp = new Date(); exp.setTime(exp.getTime() + (30 * 24 * 60 * 60 * 1000)); window.document.cookie = name + "=" + escape(value) + "; expires=" + e
js 记住用户名和密码案例
yang68668的博客
11-23 1172
<body> 用户名: <input type="text" id="userName"> <br> 密 码 : <input type="password" id="paw"> 记住用户名和密码 <input id="remember" type="checkbox"> <script> /* 获取元素 */ const userName = documen.
JavaScript使用cookie实现记住账号密码功能
10-24
本文将详细介绍如何利用JavaScript和Cookie来实现记住账号密码的功能，并提供相应的示例代码。 首先，我们需要了解什么是Cookie。Cookie是网站服务器保存在客户端计算机上的一段文本信息，它用来记录用户的一些访问...
cookie记住账号密码
08-09
- **跨站脚本攻击（XSS）**：防止恶意脚本读取Cookie，可以使用HttpOnly标志，使Cookie不可被JavaScript访问。 - **跨站请求伪造（CSRF）**：为每个需要验证的请求添加随机的CSRF令牌，以防止未经授权的请求。 3....
通过cookie记住密码-HTML样例源码
09-22
在用户下次访问时，我们可以通过读取Cookie来自动填充用户名和密码： ```javascript document.addEventListener('DOMContentLoaded', function() { var username = getCookie('username'); var password = ...
前端JS通过Cookie实现记住密码
最新发布
Domain_2022的博客
01-11 1443
【代码】前端JS通过Cookie实现记住密码。
用户登录时，记住密码，用js实现读取Cookie的值
litlit023的专栏
12-02 2088
前提是，你已经在java代码中保存了登录信息的Cookie值如： Cookie cookie1=new Cookie(username, "username");  Cookie cookie2=new Cookie(password, "password"); response.addCookie(cookie1);  response.addCookie(cookie1); 接下来，
JS中记住用户名 密码的COOKIE实现方式
菜菜De学习
12-28 8210
<br /> <br />HTML:<br /> <!--网站登录跳转 --> <form name="jumpFrm" id="jumpFrm" action="" method="POST" target="_blank"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="69" height
html 记住用户名,js使用cookie实现记住用户名功能示例
weixin_42146274的博客
06-05 154
本文实例讲述了js使用cookie实现记住用户名功能。分享给大家供大家参考，具体如下：www.jb51.net cookie记住用户名//1、cookie的使用：document.cookie = 'key=value';可以同时设置多个// document.cookie="username=longzhoufeng"// document.cookie="age=03"//2、cookie的过...
js实现记住密码
weixin_50629071的博客
06-09 1970
js简单实现记住密码
js记住密码问题
java_is_hard的博客
03-28 345
调试登陆记住密码时遇到的问题 1.首先一般来说，用cookie进行存储，设置起过期时间等等 2.cookie存储，可以在前台进行，也可以在后台设置，但是后台得到的用户密码一般是加密后的，再通过cookie传输给前台后，前台拿到的是加密后的密码，是无法进行填充的，所以说，将cookie得存储放在前台进行 3.var passKey = ‘4c15c54d952b11e601d76c0b843ea7f...
js实现记住登录密码
大前端
04-28 529
js实现记住和不记住登录密码
会话状态保持，JSESSIONID，COOKIE，URL重写
热门推荐
冰冻火山
06-28 5万+
今天说说：会话状态保持，JSESSIONID，COOKIE之间的关系在服务器端，我们用惯了session.setAttribute("",userInfo)这样的一行代码，估计你很少想到：服务器与浏览器之间是如何保持会话状态的。好了，先引用一些文章的精彩片段：http://www.xxx.com/xxx_app;jsessionid=xxxxxxxxxx?a=x&b=x。这跟一般的url基本一样，只有一个地方有区别，那就是“;jessionid=xxxxxxxx”。这个参数有时候有，有时候又没有，说它是参数
用Javascript实现记住账号和密码
茂茂的博客
02-09 4207
用Javascript实现记住账号和密码 正在学习大前端中，有代码和思路不规范不正确的地方往多多包涵，感谢指教 在我们日常使用app以及网站时，通常会遇见浏览器自动储存用户的账号密码等相关情况，那么，这个功能我们可以使用JS的本地存储来进行实现 代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content
js读取cookie
11-17
以下是使用JavaScript读取cookie的方法： ```javascript function readCookie(name) { var cookieValue = ""; var search = name + "="; if (document.cookie.length > 0) { offset = document.cookie.indexOf...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值