猿问

新手,一段js代码不是太懂

function get(e){
            return document.getElementById(e);
        }

//首页 class是"log log_in" 登录按钮id 是 login 注册按钮id是 sig_in
//注册页 class是"sig sig_out" 注册按钮id 是regist_button 返回按钮id是 back
//登录页id是 dl 注册页id是 zc
get('sig_in').onclick=function(){
//get方法获取注册按钮id sig_in 将登陆页id换为
get('dl').className='log log_out';
get('zc').className='sig sig_in';
}
get('back').onclick=function(){
get('zc').className='sig sig_out';
get('dl').className='log log_in';
}

        对应登录页面就是点注册进入注册页面,注册页面点注册注册成功进入登录页面,点返回就返回登陆页面。


我只是爱
浏览 2515回答 6
6回答

刚毅87

给你写了点注释,你看看对你有帮助吗<script type="text/javascript"> //封装函数,(获取 id 为 e 的元素) function get(e){ return document.getElementById(e); }   //为注册按钮添加点击事件 get('sig_in').onclick=function(){ //将登录页的 class 名赋值为 log log_out get('dl').className='log log_out'; //将注册页的 class 名赋值为 sig sig_in get('zc').className='sig sig_in'; } //为返回按钮添加点击事件 get('back').onclick=function(){ //将注册页的 class 名赋值为 log log_out get('zc').className='sig sig_out'; //将登录页的 class 名赋值为 log log_in get('dl').className='log log_in'; } </script>

DuffLin

“为什么将登陆页的class赋值为log log_out?”log_out:登录框隐藏的样式log_in:登录框显示的样式  sig_out : 注册框隐藏的样式sig_in: 注册框显示的样式点击注册的时候 ,我想要登录框隐藏所以我赋值了log_out,我想要注册框显示我赋值了sig_in;点击返回的时候,我想要登录框显示所以我赋值了log_in,我想要注册框隐藏我赋值了sig_out;

D__0

<script type="text/javascript" src="scripts/common/jquery.min.js"></script><script type="text/javascript" src="scripts/base.js"></script><script type="text/javascript" src="scripts/login.js"></script><script type="text/javascript" src="scripts/cookie.js"></script>这些JS文件里面应该有每个按钮具体的功能

我只是爱

<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>云笔记</title> <script type="text/javascript" src="scripts/common/jquery.min.js"></script> <script type="text/javascript" src="scripts/base.js"></script> <script type="text/javascript" src="scripts/login.js"></script> <script type="text/javascript" src="scripts/cookie.js"></script> <link rel="stylesheet" href="styles/login.css"/></head> <body> <div class="global"> <div class="log log_in" tabindex='-1' id='dl'> <dl> <dt> <div class='header'> <h3>登&nbsp;录</h3> </div> </dt> <dt></dt> <dt> <div class='letter'> 用户名:&nbsp;<input type="text" name="" id="count" tabindex='1'/> </div> </dt> <dt> <div class='letter'> 密&nbsp;&nbsp;&nbsp;码:&nbsp;<input type="password" name="" id="password" tabindex='2'/> </div> </dt> <dt> <div> <input type="button" name="" id="login" value='&nbsp登&nbsp录&nbsp' tabindex='3'/> <input type="button" name="" id="sig_in" value='&nbsp注&nbsp册&nbsp' tabindex='4'/> </div> </dt> </dl> </div> <div class="sig sig_out" tabindex='-1' id='zc'> <dl> <dt> <div class='header'> <h3>注&nbsp;册</h3> </div> </dt> <dt></dt> <dt> <div class='letter'> 用户名:&nbsp;<input type="text" name="" id="regist_username" tabindex='5' maxlength="20"/> <div class='warning' id='warning_1'><span>该用户名不可用</span></div> </div> </dt> <dt> <div class='letter'> 昵&nbsp;&nbsp;&nbsp;称:&nbsp;<input type="text" name="" id="nickname" tabindex='6'/> </div> </dt> <dt> <div class='letter'> 密&nbsp;&nbsp;&nbsp;码:&nbsp;<input type="password" name="" id="regist_password" tabindex='7' maxlength="20"/> <div class='warning' id='warning_2'><span>密码长度过短</span></div> </div> </dt> <dt> <div class='password'> &nbsp;&nbsp;&nbsp;确认密码:&nbsp;<input type="password" name="" id="final_password" tabindex='8' maxlength="20"/> <div class='warning' id='warning_3'><span>密码输入不一致</span></div> </div> </dt> <dt> <div> <input type="button" name="" id="regist_button" value='&nbsp注&nbsp册&nbsp' tabindex='9'/> <input type="button" name="" id="back" value='&nbsp返&nbsp回&nbsp' tabindex='10'/> </div> </dt> </dl> </div> </div> <script type="text/javascript"> function get(e){ return document.getElementById(e); }//首页          class是"log log_in"             登录按钮id 是  login          注册按钮id是   sig_in//注册页      class是"sig sig_out"            注册按钮id 是regist_button   返回按钮id是    back             //登录页id是   dl  注册页id是  zc get('sig_in').onclick=function(){ get('dl').className='log log_out'; get('zc').className='sig sig_in'; } get('back').onclick=function(){ get('zc').className='sig sig_out'; get('dl').className='log log_in'; } </script> </body></html>

刚毅87

建议你最好把你全部的代码一起发过来

我只是爱

稍微给我点一下啊
随时随地看视频慕课网APP

相关分类

Java
JavaScript
我要回答