课程

回到首页 个人中心 反馈问题 注册登录
下载APP
首页 课程 实战 体系课 手记 专栏 慕课教程

请问哪里错了呢？

来源：3-3 编程练习

qq_Desperado_19

2016-08-03 16:06

<!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>

      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);

      }

      else ['on'+type]=hander

      }

        // 显示登录层函数

       function showLogin(){

       login_box.style.display='block'

        }

        // 隐藏登录层函数

        function hideLogin(){

          // 执行代码

        login_box.style.display='none'

        }

        //点击登录按钮显示登录层 

        addEvent(login_btn,'click',showLogin);

        // 执行代码

        addEvent(close,'click',hideLogin);

        //点击关闭按钮隐藏登录层

        // 执行代码

        }

      

</script>

</head>

<body>

<div>亲，您好！<input type="button" value="登 录" id="login"></div>

<div id="login_box">

<p>用户登录</p><span id="close"></span>

</div>

</body>

</html>


写回答 关注

2回答

  • beibeier
    2016-08-03 20:57:26

    应该是

    else

    {ele['on'+type]=hander}

    0 0
  • 乖乖你个棒棒
    2016-08-03 16:41:16

    else ['on'+type]=hander应该添加元素节点对象else ele['on'+type]=hander

    1 0

    qq_Des...

    加上还是不行

    2016-08-04 16:20:14

    共 1 条回复 >

DOM事件探秘

DOM事件？本课程会通过实例来给小伙伴们讲解如何使用这些事件

99546 学习 · 1197 问题

查看课程

相似问题

请问哪里错了

回答 3

请问这错在哪里？

回答 1

哪里出错了？

回答 1

请问大神哪里错了，为啥我的没反应

回答 6

到底哪里错了？

回答 1

打开慕课网App查看更多内容