30天内免登陆（cookie）

来源：互联网发布：时时彩开奖软件编辑：程序博客网时间：2024/05/21 05:43
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>30天内免登陆</title></head><body><form><input type="text" placeholder="用户名" /><br /><input type="password" placeholder="密码" /><br /><input type="checkbox" />30天内免登陆<br /><button>登录</button><!--这个地方如果是submit,他会重新刷新--><input type="reset" /></form><script>var username = document.querySelectorAll("input")[0]; //获取input节点类型var password = document.querySelectorAll("input")[1];var check = document.querySelectorAll("input")[2];var sub = document.querySelector("button");//选单个元素没有allfunction rewrite() {console.log(document.cookie)var arr = document.cookie.split("; ");for(var i = 0; i < arr.length; i++) {var arr2 = arr[i].split("=");if(arr2[0] == "checkvalue" && arr2[1] == "true") {//判断是否选择免登陆//选择免登陆要重新遍历数组，否则还会是原来的值for(var j = 0; j < arr.length; j++) {var arr3 = arr[j].split("=");if(arr3[0] == "usname") //注意双等，获取{console.log('有用户名');username.value = arr3[1];} else if(arr3[0] == "psd") {console.log('有密码');password.value = arr3[1];} else if(arr3[0] == "checkvalue") {console.log('是免登陆');console.log(arr3[1])check.checked = arr3[1] == "true" ? true : false; //字符串转化为布尔值console.log(check.checked)}}}}}rewrite()/*console.log(arr);*///点击登录保存用户名、密码和登录状态sub.addEventListener("click", function() { //给sub添加点击事件，匿名函数var usname = username.value;var psd = password.value;var checkvalue = check.checked;console.log(usname, psd, checkvalue);var date = new Date();date.setDate(date.getDate() + 30); //设置天数document.cookie = "usname=" + usname + ";expires=" + date;document.cookie = "psd=" + psd + ";expires=" + date;document.cookie = "checkvalue=" + checkvalue + ";expires=" + date;})</script></body></html>
阅读全文
0 0