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是 zcget('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';} 对应登录页面就是点注册进入注册页面，注册页面点注册注册成功进入登录页面，点返回就返回登陆页面。
6 回答
刚毅87
TA贡献345条经验 获得超309个赞
给你写了点注释,你看看对你有帮助吗
<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
TA贡献3条经验 获得超5个赞
“为什么将登陆页的class赋值为log log_out？”
log_out：登录框隐藏的样式
log_in：登录框显示的样式
sig_out ： 注册框隐藏的样式
sig_in： 注册框显示的样式
点击注册的时候 ，我想要登录框隐藏所以我赋值了log_out，我想要注册框显示我赋值了sig_in；
点击返回的时候，我想要登录框显示所以我赋值了log_in，我想要注册框隐藏我赋值了sig_out；
D__0
TA贡献3条经验 获得超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文件里面应该有每个按钮具体的功能
我只是爱
TA贡献2条经验 获得超0个赞
<!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>
添加回答
举报
0/150
提交
取消