本文實(shí)例講述了js使用cookie記錄用戶名的方法。分享給大家供大家參考,具體如下:
cookie思路:當(dāng)點(diǎn)擊登錄按鈕時(shí),把cookie存起來(lái),再次訪問(wèn)的時(shí)候就讀取cookie,即把txt的value設(shè)置之前存起來(lái)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>無(wú)標(biāo)題文檔</title><script>function setCookie(name, value, iDay){ var oDate=new Date(); oDate.setDate(oDate.getDate()+iDay); //用來(lái)設(shè)置過(guò)期時(shí)間用的,獲取當(dāng)前時(shí)間加上傳進(jìn)來(lái)的iDay就是過(guò)期時(shí)間 document.cookie=name+'='+value+';expires='+oDate;};function getCookie(name){ var arr=document.cookie.split('; '); //多個(gè)cookie值是以; 分隔的,用split把cookie分割開(kāi)并賦值給數(shù)組 for(var i=0;i<arr[i].length;i++) //歷遍數(shù)組 { var arr2=arr[i].split('='); //原來(lái)割好的數(shù)組是:user=simon,再用split('=')分割成:user simon 這樣可以通過(guò)arr2[0] arr2[1]來(lái)分別獲取user和simon if(arr2[0]==name) //如果數(shù)組的屬性名等于傳進(jìn)來(lái)的name { return arr2[1]; //就返回屬性名對(duì)應(yīng)的值 } return ''; //沒(méi)找到就返回空 }};function removeCookie(name){ setCookie(name, 1, -1); //-1就是告訴系統(tǒng)已經(jīng)過(guò)期,系統(tǒng)就會(huì)立刻去刪除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>
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。