使用js實現記住密碼功能，在下次打開登陸頁面的時候進行獲取并自動填充到頁面【cookie和localStorage】

        //添加功能----記住上一個登陸成功的賬號密碼// Cookie操作函數function setCookie(name, value, days) {let expires = "";if (days) {const date = new Date();date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));expires = "; expires=" + date.toUTCString();}document.cookie = name + "=" + (value || "") + expires + "; path=/; Secure; SameSite=Lax";}function getCookie(name) {const cookieName = name + "=";const decodedCookie = decodeURIComponent(document.cookie);const cookieArray = decodedCookie.split(';');for (let i = 0; i < cookieArray.length; i++) {let cookie = cookieArray[i];while (cookie.charAt(0) === ' ') {cookie = cookie.substring(1);}if (cookie.indexOf(cookieName) === 0) {return cookie.substring(cookieName.length, cookie.length);}}return null;}function deleteCookie(name) {document.cookie = name + '=; expires=Thu, 01 Jan 1970 00:00:01 GMT; path=/;';}//部分瀏覽器不支持cookie的存儲/獲取，所以兩種方法結合// 替代方案：使用 localStoragefunction setStorage(key, value, days) {const data = {value: value,expires: days ? Date.now() + days * 86400000 : null}localStorage.setItem(key, JSON.stringify(data));}function getStorage(key) {const data = JSON.parse(localStorage.getItem(key));if (!data) return null;if (data.expires && Date.now() > data.expires) {localStorage.removeItem(key);return null;}return data.value;}

登錄成功后保存賬號密碼

setCookie('savedUsername', account, 1);
setCookie('savedPsd', password, 1);
setStorage('savedUsername', account, 1);
setStorage('savedPsd', password, 1);

頁面加載完成自動填充

 window.onload = function () {var ooun =getCookie('savedUsername');var oops = getCookie('savedPsd');            if (ooun != null) {console.log("getcookie執行");document.getElementById('account').value = ooun;} else {var ooun2 = getStorage('savedUsername');console.log("getStorage執行");if (ooun2 != null) {document.getElementById('account').value = ooun2;}}if (oops != null) {document.getElementById('password').value = oops;} else {var oops2 = getStorage('savedPsd');if (oops2 != null) {document.getElementById('password').value = oops2;}}};

完結。