                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /DOM事件探秘

作为参数的函数里面能再传递参数吗,隐藏显示的函数里面我传了个参数，为啥不能这样写

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>

慕婉清4886767

2016-07-11

源自：DOM事件探秘 3-3

关注问题我要回答

1124

操作

收起

1 回答

NemoOTZ_03565218 回答被采纳 +3 积分
2016-07-11

     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代码可以如上