火狐不支持DOM2級事件處理程序嗎?
為什么我寫的程序沒反應?
<!doctype?html> <html> <head> ????<meta?charset="UTF-8"> ?<title>Document</title> ?<style> ??*{margin:0;padding:0;} ?????.head{font-size:12px;padding:6px?0?0?10px;} ?????#login_box{width:300px;height:150px;background:#eee; ?????border:1px?solid?#ccc;position:absolute;left:50%;top:50%;margin-left:-150px;margin-top:-75px;display:none;} ?????#login_box?p{height:20px;border-bottom:1px?solid?#ccc;font-size:12px;padding:6px?0?0?5px;font-weight:bold;} ?????#close{width:14px;height:14px;background:url(close.png)?no-repeat;position:absolute;right:4px;top:6px;} ?</style> ?<script?type="text/javascript"> ??????window.onload=function(){ ???????var?login_btn=document.getElementById('login'), ???????????login_box=document.getElementById('login_box'), ???????????close=document.getElementById('close'); ???????//?封裝添加事件監(jiān)聽程序 ????????function?addEvent(ele,type,hander){ ???????????//?執(zhí)行代碼 ???????????ele.addEventListener(type,hander,false); ???????} ????????//?顯示登錄層函數(shù) ???????function?showLogin(){ ????????//?執(zhí)行代碼 ???login_box.style.display='block'; ????????} ???????? ???} ????????//點擊登錄按鈕顯示登錄層? ??addEvent(login_btn,'click',showLogin); ???????? ?????? ?</script> </head> <body> ?<div>親,您好!<input?type="button"?value="登?錄"?id="login"></div> ?<div?id="login_box"> ??<p>用戶登錄</p><span?id="close"></span> ?</div> </body> </html>
2016-03-16
//點擊登錄按鈕顯示登錄層?
??addEvent(login_btn,'click',showLogin);
位置不對,括號里面的參數(shù)是window.onload=function(){}的局部變量。
這個要放在window.onload=function(){
//點擊登錄按鈕顯示登錄層?
??addEvent(login_btn,'click',showLogin);
}
2016-03-16
樓上說的對,執(zhí)行函數(shù)要放在window.onload=function(){}內部才行