<!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">
  用戶(hù)名：<input type="text" name="user" /><br />
  密碼：<input type="password" name="pass" /><br />
  <input type="submit" value="登錄" />
</form>
</body>
</html>

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章: