<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        
        用户名:<input id="username" name="username" /><br>
        密码:<input  id="pwd" name="pwd"  />
        <input type="button" οnclick="zhuCei()"  value="登录" />
        <script type="text/javascript">
            var myname=["lili","zhangsan"];
            var mypwd=["123122","123231"];
        
            //用户注册成功才会到的页面
            //            http://127.0.0.1:8020/toutiao/login.html?username=Lilili&pwd=qqqqqq
            var url=window.location.href;
            var arr=url.split("?");//[http://127.0.0.1:8020/toutiao/login.html,username=Lilili&pwd=qqqqqq]
            var acc=arr[1].split("&");// [username=lilil,pwd=qqqq]
            var dbb=acc[0].split("=");// [username,lililili]
            myname.push(dbb[1]);
            //将用户名密码存储到数组中
            var pwd=acc[1].split("="); //[pwd,qqqq]
            mypwd.push(pwd[1]);
            //用户点击登录的时候，触发点击事件，方法登录方法，
            function zhuCei(){
                //用户输入用户名和密码进行登录,
                //在方法中获取用户输入的内容
                var zhanHao=document.getElementById("username").value;
                var pwds=document.getElementById('pwd').value;
                var index=-1;
                
                //循环用户名数组，查看数组中是否存储用户输入的内容，如果存在，则记下他的下标
                
                
                    
                for(var i=0;i<myname.length;i++){
                    if(myname[i]==zhanHao){
                        index=i;
                        break;
                    }
                    
                    
                }
                //根据下标获取密码，比较用户输入的密码和数组中的密码，如果一致则登录成功，不一致则失败
                if(index==-1){
                    alert('用户名或者密码错误，登录失败')
                    
                }else{
                    
                    if(mypwd[index]==pwds){
                        alert("登录成功！")
                    }else{
                        alert("登录失败")
                        
                    }
                }
                
                
                console.log(myname)
                console.log(mypwd)
            }
            
        </script>
    </body>
</html>

更多推荐

登录页面代码