利用Cookie自动填写用户名密码-优快云博客

本文提供了一个JavaScript实现Cookies读写的完整示例，包括设置、获取及检查Cookies的功能，并附带简单的登录表单用以演示如何自动填充用户名和密码。

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

在网上找了老半天，都不是想要的效果，索性写了一个，参考的是http://www.w3cschool.cn/js_cookies.asp.htm

大家复制代码运行一下就明白了。

<html>
<head>
<script type="text/javascript">
function getCookie(c_name)
{
if (document.cookie.length>0)
  {
  c_start=document.cookie.indexOf(c_name + "=")
  if (c_start!=-1)
    { 
    c_start=c_start + c_name.length+1 
    c_end=document.cookie.indexOf(";",c_start)
    if (c_end==-1) c_end=document.cookie.length
    return unescape(document.cookie.substring(c_start,c_end))
    } 
  }
return ""
}

function setCookie(c_name,value,expiredays)
{
var exdate=new Date()
exdate.setDate(exdate.getDate()+expiredays)
document.cookie=c_name+ "=" +escape(value)+
((expiredays==null) ? "" : ";expires="+exdate.toGMTString())
}

function checkCookie()
{
    var username=getCookie('_username');
	var password=getCookie('_password');
	var saveCheck=getCookie('_check');
    if (username!=null && username!="")
   {
     alert('Welcome again '+username+'!');
	 document.oForm.userName.value=username;
	 
    }
	 if (password!=null && password!="")
    {
     alert('Welcome again '+password+'!');
	  document.oForm.password.value=password;
    }
	if (saveCheck!=null && saveCheck!="")
    {

	  document.oForm.check.checked="true";
    }
    
}
function saveCookie()
{
   
    alert(document.oForm.check.checked);
    if(document.oForm.check.checked){
	   var name=document.oForm.userName.value;
	   alert(name);
	   var password=document.oForm.password.value;
	   alert(password);
       setCookie('_username',name,365);
	   setCookie('_password',password,365);
	   setCookie('_check','true',365);
	}
}
</script>
</head>

<body onLoad="checkCookie()">
<form name="oForm"> 
<div> 
用户名:<input type="text"  name="userName"> 
<input type="password" name="password"> 
密码：<input type="checkbox" name="check" />记住密码 
<input type="button" OnClick="saveCookie()" value=" 登 录 "/> 
</div>
</form>
</body>
</html>