                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /DOM事件探秘

這里login_btn怎么解釋？并沒有出現過啊，為什么那個可以實現兼容

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