本文實例講述了js使用cookie記錄用戶名的方法。分享給大家供大家參考，具體如下：
cookie思路：當點擊登錄按鈕時，把cookie存起來，再次訪問的時候就讀取cookie，即把txt的value設置之前存起來cookie的值就行。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<script>
function setCookie(name, value, iDay)
{
var oDate=new Date();
oDate.setDate(oDate.getDate()+iDay); //用來設置過期時間用的，獲取當前時間加上傳進來的iDay就是過期時間
document.cookie=name+'='+value+';expires='+oDate;
};
function getCookie(name)
{
var arr=document.cookie.split('; '); //多個cookie值是以; 分隔的，用split把cookie分割開並賦值給數組
for(var i=0;i<arr[i].length;i++) //歷遍數組
{
var arr2=arr[i].split('='); //原來割好的數組是：user=simon，再用split('=')分割成：user simon 這樣可以通過arr2[0] arr2[1]來分別獲取user和simon
if(arr2[0]==name) //如果數組的屬性名等於傳進來的name
{
return arr2[1]; //就返回屬性名對應的值
}
return ''; //沒找到就返回空
}
};
function removeCookie(name)
{
setCookie(name, 1, -1); //-1就是告訴系統已經過期，系統就會立刻去刪除cookie
};
window.onload=function()
{
var form=document.getElementById('form');
var user=document.getElementsByName('user')[0];
form.onsubmit=function()
{
setCookie('user', user.value, 14);
};
user.value=getCookie('user');
};
</script>
</head>
<body>
<form action="" id="form">
用戶名：<input type="text" name="user" /><br />
密碼：<input type="password" name="pass" /><br />
<input type="submit" value="登錄" />
</form>
</body>
</html>
希望本文所述對大家JavaScript程序設計有所幫助。