6 回答

TA貢獻345條經(jīng)驗 獲得超309個贊
給你寫了點注釋,你看看對你有幫助嗎
<script?type="text/javascript"> //封裝函數(shù),(獲取?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>

TA貢獻3條經(jīng)驗 獲得超5個贊
“為什么將登陸頁的class賦值為log log_out?”
log_out:登錄框隱藏的樣式
log_in:登錄框顯示的樣式 ?
sig_out : 注冊框隱藏的樣式
sig_in:?注冊框顯示的樣式
點擊注冊的時候 ,我想要登錄框隱藏所以我賦值了log_out,我想要注冊框顯示我賦值了sig_in;
點擊返回的時候,我想要登錄框顯示所以我賦值了log_in,我想要注冊框隱藏我賦值了sig_out;

TA貢獻3條經(jīng)驗 獲得超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文件里面應(yīng)該有每個按鈕具體的功能

TA貢獻2條經(jīng)驗 獲得超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>
添加回答
舉報