cookie存储删除用户名和密码代码实例

快乐打工仔 分类:实例代码

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

这样的操作在实际应用非常的常见,需要的朋友可以做一下参考。

代码如下:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.pipipi.net/" />
<title>犀牛前端部落</title>
</head>
<body>
  用户名:<input type="text" value="" id="text" /><br /><br />
  密码:<input type="password" value="" id="password">
  <a href="javascript:;" id="zC">注册</a>
  <a href="javascript:;" id="hq">获取</a>
  <a href="javascript:;" id="del">删除</a>
</body>
<script type="text/javascript">
var oText = document.getElementById('text'),
          pS = document.getElementById('password'),
          zC = document.getElementById('zC'),
    hQ = document.getElementById('hq'),
    deL = document.getElementById('del');
zC.onclick = function () {//点击注册
  getCookie(oText.value, pS.value);
}
hQ.onclick = function () {//点击获取
  alert(document.cookie);
}
deL.onclick = function () {//点击删除
  var onOff2 = true;
  var arr1 = document.cookie.split('; ');
  for (var i = 0 ; i < arr1.length ; i++) {
    var arr2 = arr1[i].split('=');
    if (arr2[0] == oText.value) {
      removeCookie(oText.value);
      alert("删除成功!");
      return;
    }
    else {
      onOff2 = false;
    }
  }
  if (!onOff2) {
    alert("此用户并未注册过,无法删除!");
  }
}
//存储cookie值
function setCookie(key, value, t) { 
  var oDate = new Date();
  oDate.setDate(oDate.getDate() + t);
  document.cookie = key + '=' + encodeURI(value) + ';expires=' + oDate.toGMTString(); alert(encodeURI(key));
}
//获取cookie值
function getCookie(key, value) { 
  var onOff = true;
  var arr1 = document.cookie.split('; ');
  for (var i = 0 ; i < arr1.length; i++) {
    var arr2 = arr1[i].split('=');
    if (arr2[0] == key) {//用户名
      alert(decodeURI(arr2[0]) + "已注册过了");
      return;
    }
    else {//注册
      if (value != '') {
        setCookie(key, value, 10);
      }
      else {
        onOff = false;
      }
    }
  }
  if (onOff == false) {
    alert("请输入密码");
  }
}
//删除cookie值
function removeCookie(key) {
  setCookie(key, '', -1);
}
</script>
</html>
网站出售中,有意者加微信:javadudu

回复

我来回复
  • 暂无回复内容