demo---七天免登陆

最新推荐文章于 2022-11-06 11:41:35 发布

咩有猫腻.

最新推荐文章于 2022-11-06 11:41:35 发布

阅读量426

点赞数 1

分类专栏：前端后端前端后端demo

本文链接：https://blog.csdn.net/DcTbnk/article/details/106530820

版权

前端后端同时被 2 个专栏收录

45 篇文章 0 订阅

订阅专栏

前端后端demo

33 篇文章 0 订阅

订阅专栏

  <body>
    用户名:<input type="text" /><br />
    密码:<input type="password" /><br />
    <input type="checkbox" />七天免登录<br />
    <input type="button" value="登录" />
    
    <script src="cookie.js"></script>
    //给密码加密
    <script src="https://cdn.bootcdn.net/ajax/libs/blueimp-md5/2.16.0/js/md5.js"></script>
    <script>
      //点击登录按钮时，判断复选框是否选中，如果选中，把用户名和密码存起来，存哪儿，存cookie
      let aInput = document.querySelectorAll("input");

      aInput[3].onclick = function () {
        if (aInput[2].checked) {
          setCookie("username", aInput[0].value, 7);
          setCookie("password", md5(aInput[1].value), 7);
        } else {
          removeCookie("username");
          removeCookie("password");
        }
      };
      //存cookie是为了什么，是为了下次打开登录页面时用户名和密码自动填充到文本框里

      if (getCookie("username")) {
        aInput[0].value = getCookie("username");
        aInput[1].value = getCookie("password");
        aInput[2].checked = true;
      }
    </script>
  </body>

cookie.js

function setCookie(name, val, n) {
  let oDate = new Date();
  oDate.setDate(oDate.getDate() + n);
  document.cookie = name + "=" + escape(val) + ";expires=" + oDate;
}
function getCookie(name) {
  let strCookie = document.cookie;
  let arrCookie = strCookie.split("; ");

  for (let i = 0; i < arrCookie.length; i++) {
    let arr = arrCookie[i].split("=");
    if (arr[0] == name) {
      return unescape(arr[1]);
    }
  }
}
function removeCookie(name) {
  setCookie(name, 1, -1);
}

咩有猫腻.

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
demo---七天免登陆

<body> 用户名:<input type="text" /><br /> 密码:<input type="password" /><br /> <input type="checkbox" />七天免登录<br /> <input type="button" value="登录" /> <script src="cookie.js"></..
复制链接

扫一扫

专栏目录