登录时账户密码记住密码cookie-蒲公英云

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

<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>