为什么将script代码放在head标签中就实现不了跨浏览器支持？

<!DOCTYPE html>
<html>
<head>
   <meta charset="utf-8">
   <title>跨浏览器支持</title>
   <script type="text/javascript">
        var btn=document.getElementById('btn');
       function showMes() {
           alert("hello world");
       }
       var EventUtill={
           addHander:function (elment,type,hander) {
               if (elment.addEventListener) {
                   elment.addEventListener(type,hander,false);
               } else if(elment.attachEvent){
                   elment.attachEvent('on'+type,hander);
               }else{
                   elment['on'+type]=hander;
               }// body...
           },
           removeHander:function (elment,type,hander) {
               if (elment.removeEventListener) {
                   elment.removeEventListener(type,hander,false);

               } else if(elment.detachEvent){
                   elment.detachEvent('on'+type,hander);
               }else{
                   elment['on'+type]=null;
               }// body...
           }
       }
       EventUtill.addHander(btn,'click',showMes)；
   </script>
</head>
<body>
    <input type="button" id="btn" value="按钮">
</body>
</html>

长弓忌

浏览 993回答 1

1回答

Caballarii

var btn=document.getElementById('btn');执行这句的时候实际上页面里还没有btn这个元素，所以取不到，所以你后面的代码都不会执行

1 0

随时随地看视频慕课网APP