JS中记住用户名 密码的COOKIE实现方式

本文介绍了一个HTML登录页面的设计,包括用户名、密码输入框及记住密码功能,并详细展示了如何通过JavaScript来设置、获取和删除Cookie,实现用户的登录状态保持。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  HTML: 用户名: 密码: 记住密码: 选择系统: 综合办公平台 内网门户后台 邮件系统 JS函数:
   getElementById("userPassword").value; document.jumpFrm.action="http://mail.hnsl.gov.cn/r emote.php"; jumpFrm.submit(); } } //获取cookie信息 function getRememberInfo(){ // alert("---获取cookie信息---"); try{ var userName=""; var userPassword=""; userName=getCookieValue("userName"); userPassword=getCookieValue("userPassword"); document.getElementById("userName").value=userName ; document.getElementById("userPassword").value=user Password; }catch(err){ alert("NO RMB PASSWORD!"); } } //新建cookie。 //hours为空字符串时,cookie的生存期至浏览器会话结束。hours为数字0时,建立的是一个失效的cookie,这个cookie会覆盖已经建立过的同名、同path的cookie(如果这个cookie存在)。 function setCookie(name,value,hours,path){ var name = escape(name); var value = escape(value); var expires = new Date(); expires.setTime(expires.getTime() + hours*3600000); path = path == "" ? "" : ";path=" + path; _expires = (typeof hours) == "string" ? "" : ";expires=" + expires.toUTCString(); document.cookie = name + "=" + value + _expires + path; } //获取cookie值 function getCookieValue(name){ var name = escape(name); //读cookie属性,这将返回文档的所有cookie var allcookies = document.cookie; //查找名为name的cookie的开始位置 name += "="; var pos = allcookies.indexOf(name); //如果找到了具有该名字的cookie,那么提取并使用它的值 if (pos != -1){ //如果pos值为-1则说明搜索"version="失败 var start = pos + name.length; //cookie值开始的位置 var end = allcookies.indexOf(";",start); //从cookie值开始的位置起搜索第一个";"的位置,即cookie值结尾的位置 if (end == -1) end = allcookies.length; //如果end值为-1说明cookie列表里只有一个cookie var value = allcookies.substring(start,end); //提取cookie的值 return unescape(value); //对它解码 } else return ""; //搜索失败,返回空字符串 } //删除cookie function deleteCookie(name,path){ var name = escape(name); var expires = new Date(0); path = path == "" ? "" : ";path=" + path; document.cookie = name + "="+ ";expires=" + expires.toUTCString() + path; } // -->
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值