本文實例講述了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程序設計有所幫助。