登录时账户密码记住密码cookie

约定不等于承诺〃 2024-04-19 12:09 8阅读 0赞

<body>
    		账号：<input type="text" /><br />
    		密码：<input type="password" /><br />
    		<input type="checkbox" />记住密码<br />
    		<button>登录</button>
    	</body>
    	<script src="js.js" type="text/javascript" charset="utf-8"></script>
    	<script type="text/javascript">
    		var oInput = document.getElementsByTagName('input');
    		var oBtn = document.getElementsByTagName('button')[0];
    		
    		oBtn.onclick = function () {
    			//字符串.trim()  强制去掉首尾的空字符串
    			if(oInput[0].value.trim() !='' && oInput[1].value.trim() !=''){
    				//还得复选框的选中了之后 才去保存账号密码
    				if(oInput[2].checked){
    					setCookie('user',oInput[0].value.trim(),3600);
    					setCookie('psd',oInput[1].value.trim(),3600);
    					console.log('您的账号密码已存储在浏览器中的cookie里了')
    				}
    			}
    		}
    		//复原输入框中的值  先去判断  cookie中是否存在  user以及psd
    		//如果两个输入框都存在值的情况下  都是返回字符串
    		//字符串隐式转换为布尔值 true
    		if(getCookie('user')  && getCookie('psd')){
    			oInput[0].value = getCookie('user');
    			oInput[1].value = getCookie('psd');
    			oInput[2].checked = true;
    		}
    		
    	</script>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N0eWxlMjAxOTA0_size_16_color_FFFFFF_t_70]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N0eWxlMjAxOTA0_size_16_color_FFFFFF_t_70]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/12b3d6ba10434182ae7f29bfec592644.png