js设置cookie和localStorage

来源：互联网发布：数据分析师是青春饭吗编辑：程序博客网时间：2024/06/06 00:46
两年没写博客了。。。现在转战前端，先贴个cookie的实现
<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title></head><body><!--cookie 服务器环境下才能设置cookie，每一个域名下最多20个cookie，每个cookie不超过4kb--><p>用户名<input id="user" type="text" /></p><p>密码<input id="pass" type="password" /></p><button>登录</button><button>登录2</button><button>删除</button><button>localStrage登录</button><button>删除local</button></body><script>var user = document.querySelector("#user");var pass = document.querySelector("#pass");var btn = document.querySelectorAll("button");var nowSecond=0;btn[0].onclick = function(e){var nowDate = new Date();var nowDay = nowDate.getDate();nowDate.setDate(nowDay+1);var userVal = user.value;var passVal = pass.value;document.cookie = "username="+userVal+";expires="+nowDate;//创建cookiedocument.cookie = "password="+passVal+";expires="+nowDate;//e.preventDefault();}btn[1].onclick = function(e){var userVal = user.value;var passVal = pass.value;setCookie("username",userVal,10);//函数传参创建cookiesetCookie("password",passVal,10);}function setCookie(key,value,days){var nowDate = new Date();var nowDay = nowDate.getDate();nowDate.setDate(nowDay+days);document.cookie = key+"="+value+";expires="+nowDate;}btn[2].onclick = function(e){setCookie("username","",-1);//删除cookie，只要把时间设置成0或者负数即可setCookie("password","",-1);}var arr1 = document.cookie.split("; ");//把cookie分隔成数组，查找username对应的名字console.log(arr1);for(var i=0;i<arr1.length;i++){var arr2=[];arr2.push(arr1[i].split("="));console.log(arr2);for(var j=0;j<arr2.length;j++){if(arr2[j][0]=="username"){console.log(arr2[1]);break;}}}//localStorage.username = user.value;//localStorage.password = pass.value;//localStorage.time = new Date().getTime();btn[3].onclick = function(){localStorage.username = user.value;localStorage.password = pass.value;nowSecond = new Date().getTime();localStorage.time = nowSecond;var now = new Date().getTime();if(localStorage.time){if(now-nowSecond>2000){alert("身份过期，需要重新登录");user.value = "";pass.value = "";localStorage.username = user.value;localStorage.password = pass.value;return;}}}btn[4].onclick = function(){localStorage.removeItem("username");}user.value = localStorage.username;pass.value = localStorage.password;</script></html>
0 0