js使用cookie記錄用戶名的方法

更新時間：2015年11月26日 12:13:34 作者：yexingwen

這篇文章主要介紹了js使用cookie記錄用戶名的方法,通過完整實例形式分析了JavaScript針對cookie的創(chuàng)建、賦值及刪除等操作技巧,以及通過cookie記錄用戶登錄信息的方法,需要的朋友可以參考下

本文實例講述了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分割開并賦值給數(shù)組
  for(var i=0;i<arr[i].length;i++) //歷遍數(shù)組
  {
    var arr2=arr[i].split('='); //原來割好的數(shù)組是：user=simon，再用split('=')分割成：user simon 這樣可以通過arr2[0] arr2[1]來分別獲取user和simon 
    if(arr2[0]==name) //如果數(shù)組的屬性名等于傳進來的name
    {
      return arr2[1]; //就返回屬性名對應的值
    }
    return ''; //沒找到就返回空
  }
};
function removeCookie(name)
{
  setCookie(name, 1, -1); //-1就是告訴系統(tǒng)已經過期，系統(tǒng)就會立刻去刪除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程序設計有所幫助。

您可能感興趣的文章: