Heim > Artikel > Web-Frontend > So verwenden Sie Cookies zum Aufzeichnen von Benutzernamen in js_javascript-Skills

So verwenden Sie Cookies zum Aufzeichnen von Benutzernamen in js_javascript-Skills

WBOYOriginal: 2016-05-16 15:29:361382Durchsuche

Das Beispiel in diesem Artikel beschreibt, wie js Cookies verwendet, um Benutzernamen aufzuzeichnen. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Cookie-Idee: Wenn Sie auf die Anmeldeschaltfläche klicken, speichern Sie das Cookie und lesen Sie das Cookie, wenn Sie es erneut besuchen. Speichern Sie also einfach den Cookie-Wert, bevor Sie den TXT-Wert festlegen.

<!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>

Ich hoffe, dass dieser Artikel für alle hilfreich ist, die sich mit der JavaScript-Programmierung befassen.

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：js-Methode zum Implementieren des verzögerten Ladens von Flash_javascript-FähigkeitenNächster Artikel：js-Methode zum Implementieren des verzögerten Ladens von Flash_javascript-Fähigkeiten

In Verbindung stehende Artikel

Mehr sehen