综合案例，index，register，login

index
let li=document.querySelector('.xtx_navs li:first-child');
let obj=JSON.parse(localStorage.getItem('data'));
if(obj){
    li.innerHTML=`<a href="#">您好${obj.username}用户!</a>`;
}

register

let icon=document.querySelector('.icon-queren');
icon.addEventListener('click',function(){
    this.classList.toggle('icon-queren2');
})

let submit=document.querySelector('.submit');
submit.addEventListener('click',function(e){
    if(!verifyusername() && !verifyphone() && !verifycode() && !verifypass() && !verifyclirm()){
        alert('请输入正确的数据');
        e.preventDefault();
    } else if(icon.className==='iconfont icon-queren'){
        alert('请同意条款');
        e.preventDefault();
    }else
        alert('注册成功');
    return true;
});

login

let username=document.querySelector('[name=username]');
let password=document.querySelector('[name=password]');
let remember=document.querySelector('.remember');
let dl=document.querySelector('.dl');
dl.addEventListener('click',function(e){
    e.preventDefault();
    if(!remember.checked){
        alert('请同意条款');
        return false;
    }
    let obj={
        username:username.value,
        password:password.value
    }
    localStorage.setItem('data',JSON.stringify(obj));
    location.href='index.html';
})
let obj=JSON.parse(localStorage.getItem('data'));
if(obj){
    username.value=obj.username;
    password.value=obj.password;
    remember.checked=true;
}