html代碼

<label for="">用戶名:</label><input type="text" id="username"> <label for="">密碼:</label><input type="text" id="password"> <label for=""><input type="checkbox" id="check">7天免登陸</label> <input type="button" value="登陸" id="btn">

JS代碼

封裝cookie

//設置cookie function setCookie(_name, val, expires) {var d = new Date();d.setDate(d.getDate() + expires);document.cookie = _name + "=" + val + ";path=/;expires=" + d.toGMTString(); }//獲取cookie function getCookie(_name) {var cookie = document.cookie;var arr = cookie.split("; ");for (var i = 0; i < arr.length; i++) {var newArr = arr[i].split("=");if (newArr[0] == _name) {return newArr[1];}} } /*如何將json對象轉換為字符串JSON.stringify(對象);返回值是一個字符串如何將字符串轉換為json對象JSON.parse(字符串)返回值是對象*/var oBtn = document.getElementById("btn");var oUser = document.getElementById("username");var oPass = document.getElementById("password");var oCheck = document.getElementById("check");if (getCookie("init")) {var cookie = JSON.parse(getCookie("init"));oUser.value = cookie.name;oPass.value = cookie.pass;oCheck.checked = true;}oBtn.onclick = function () {if (oCheck.checked) {var obj = {};obj.name = oUser.value;obj.pass = oPass.value;var str = JSON.stringify(obj);setCookie("init", str, 7);}}

總結

以上是生活随笔為你收集整理的七天免登录JavaScript实现的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。