这里login_btn怎么解释？并没有出现过啊，为什么那个可以实现兼容-慕课网

首页课程实战体系课手记专栏慕课教程

这里login_btn怎么解释？并没有出现过啊，为什么那个可以实现兼容

来源：3-3 编程练习

快乐购

2016-09-06 23:39

<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 {
               ele['on'+type]=hander;
           }
      }//这个为什么能实现浏览器兼容？不太懂
        // 显示登录层函数
      function showLogin(){
        // 执行代码
            login_box.style.display='block'
        }
        // 隐藏登录层函数
        function hideLogin(){
          // 执行代码
          login_box.style.display='none'
        }
        //点击登录按钮显示登录层
        // 执行代码
        addEvent(login_btn,'click',showLogin);//这里login_btn怎么解释？并没有出现过啊
        //点击关闭按钮隐藏登录层
        // 执行代码
        addEvent(close,'click',hideLogin);}

</script>
</head>
<body>
<div>亲，您好！<input type="button" value="登录" id="login"></div>
<div id="login_box">
  <p>用户登录</p><span id="close">X</span>
</div>
</body>
</html>

写回答关注

4回答

lk0000123453944436

2016-09-22 14:30:24

var login_btn=document.getElementById('login'), 一开始已经定义了

0 0
cherry_wang

2016-09-08 11:03:38

点击按钮出现那个登录框呀，所以btn就是触发事件的元素呀。兼容的话，是在那段封装添加事件监听程序那段做的

0 0
zhbit_hsj

2016-09-07 00:51:26

看清楚题目要求，点击登录的时候将<div id="login_box">的样式改为display="block";显示出来

0 0
zhbit_hsj

2016-09-07 00:45:12

attachEvent这个添加事件的方法IE11已经不支持

0 0

DOM事件探秘

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

99544 学习 · 1197 问题

相似问题

可以弹出登录面板，但是为什么没出现关闭按钮。

回答 2

怎么用这个 oTitle.onmouseup = null 实现功能？

回答 3

function addHand(element,type,handler) 一样可以实现，为什么要多加一个变量并且用句柄？用句柄有什么好处

回答 6

为什么源代码里面没charset=utf-8而不出现乱码啊？

回答 2

DOM0级可以兼容那么多浏览器了，为什么还要大费周章地用DOM2级呢？

回答 1

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