为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

长弓忌 2016-07-09 22:59:49
<!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>
查看完整描述

1 回答

已采纳
?
Caballarii

TA贡献1123条经验 获得超629个赞

var btn=document.getElementById('btn');

执行这句的时候实际上页面里还没有btn这个元素,所以取不到,所以你后面的代码都不会执行

查看完整回答
1 反对 回复 2016-07-09
  • 1 回答
  • 0 关注
  • 992 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信