慕婉清4886767
2016-07-11 18:16
<script>
window.onload=function(){
var login_btn=document.getElementById('login'),
login_box=document.getElementById('login_box'),
close=document.getElementById('close');
// 封装添加事件监听程序
function addEvent(ele,type,hander){
if(ele.addEventListener){
ele.addEventListener(type,hander,false)
}else if(ele.attachEvent){
ele.attachEvent("on"+type,hander);
}
// 执行代码
}
// 显示登录层函数
function showLogin(ele){
ele.style.display="block";
// 执行代码
}
// 隐藏登录层函数
function hideLogin(ele){
ele.style.display="none";
// 执行代码
}
//点击登录按钮显示登录层
addEvent(login_btn,"click",showLogin(login_box));
// 执行代码
//点击关闭按钮隐藏登录层
addEvent(close,"click",hideLogin(login_box));
// 执行代码
}
</script>
window.onload=function(){ var login_btn=document.getElementById('login'), login_box=document.getElementById('login_box'), close=document.getElementById('close'); // 封装添加事件监听程序 function addEvent(ele,type,hander,e){ if(ele.addEventListener){ ele.addEventListener(type,function(){ if(hander === showLogin && type === 'click'){ showLogin(e); }else{ hideLogin(e); } },false) }else if(ele.attachEvent){ ele.attachEvent("on"+type,function(){ if(hander === showLogin && type === 'click'){ showLogin(e); }else{ hideLogin(e); } }); }else{ ele['on'+type] = function(){ if(hander === showLogin && type === 'click'){ showLogin(e); }else{ hideLogin(e); } }; } } // 显示登录层函数 function showLogin(e){ e.style.display="block"; // 执行代码 } // 隐藏登录层函数 function hideLogin(e){ e.style.display="none"; // 执行代码 } //点击登录按钮显示登录层 addEvent(login_btn,'click',showLogin,login_box); // 执行代码 //点击关闭按钮隐藏登录层 addEvent(close,'click',hideLogin,login_box); // 执行代码 }
JS代码可以如上
DOM事件探秘
99545 学习 · 1197 问题
相似问题