cookie保存用户登录名和密码代码实例

我心飞翔

本章节分享一段代码实例,它实现了利用cookie保存用户名和密码的功能。

代码实例如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.pipipi.net/" />
<title>犀牛前端部落</title>
<script>
function setCookie(name, value, iDay) {
  var oDate = new Date();
  //用来设置过期时间用的,获取当前时间加上传进来的iDay就是过期时间
  oDate.setDate(oDate.getDate() + iDay); 
  document.cookie = name + '=' + value + ';expires=' + oDate;
};
function getCookie(name) {
  //多个cookie值是以; 分隔的,用split把cookie分割开并赋值给数组
  var arr = document.cookie.split('; ');
  //历遍数组
  for (var i = 0; i < arr[i].length; i++) {
    //原来割好的数组是:user=simon,再用split('=')分割成:user simon 这样可以通过arr2[0] arr2[1]来分别获取user和simon
    var arr2 = arr[i].split('=');
    //如果数组的属性名等于传进来的name  
    if (arr2[0] == name) {
      //就返回属性名对应的值
      return arr2[1]; 
    }
    //没找到就返回空
    return ''; 
  }
};
function removeCookie(name) {
  //-1就是告诉系统已经过期,系统就会立刻去删除cookie
  setCookie(name, 1, -1); 
};
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 id="form">
  姓名:<input type="text" name="user" />
  密码:<input type="password" name="pass" />
        <input type="submit" value="登录" />
</form>
</body>
</html>

cookie保存用户登录名和密码代码实例,这样的场景在实际项目中还是用的比较多的,关于cookie保存用户登录名和密码代码实例就介绍到这了。

cookie保存用户登录名和密码代码实例属于前端实例代码,有关更多实例代码大家可以查看

回复

我来回复
  • 暂无回复内容