新手，一段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';
}
对应登录页面就是点注册进入注册页面，注册页面点注册注册成功进入登录页面，点返回就返回登陆页面。
我只是爱浏览 2520回答 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>登 录</h3> </div> </dt> <dt></dt> <dt> <div class='letter'> 用户名: <input type="text" name="" id="count" tabindex='1'/> </div> </dt> <dt> <div class='letter'> 密 码: <input type="password" name="" id="password" tabindex='2'/> </div> </dt> <dt> <div> <input type="button" name="" id="login" value=' 登 录 ' tabindex='3'/> <input type="button" name="" id="sig_in" value=' 注 册 ' tabindex='4'/> </div> </dt> </dl> </div> <div class="sig sig_out" tabindex='-1' id='zc'> <dl> <dt> <div class='header'> <h3>注 册</h3> </div> </dt> <dt></dt> <dt> <div class='letter'> 用户名: <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'> 昵 称: <input type="text" name="" id="nickname" tabindex='6'/> </div> </dt> <dt> <div class='letter'> 密 码: <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'> 确认密码: <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=' 注 册 ' tabindex='9'/> <input type="button" name="" id="back" value=' 返 回 ' 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