DOM事件，看看代码错在哪里(Uncaught SyntaxError: Unexpected identifier)
一个简单的按钮弹出程序，代码检查了好几遍，就是找不错在哪里啊
运行不了，显示“new1.html:38 Uncaught SyntaxError: Unexpected identifier”
大神帮忙检查下代码，指点一下。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>0421_DOM0级与DOM2级处理事件</title>
<script type="text/javascript">
function showM(){
alert("Hello world!");
}
//DOM0级处理事件
var btn2=document.getElementById("btn2");
var btn3=document.getElementById("btn3");
btn2.onclick=function(){
alert('时间2号');};
btn2.onclick=null;
//DOM2级处理事件
//btn3.addEventListener('click',showM,false);
//btn3.attachEvent('onclick',showM);
//解决浏览器兼容性问题
var eventUtil={
//添加句柄
addHandler:function(element, type, handler){
if(element.addEventListener){
element.addEventListener(type,handler,false);
//DOM2级处理事件兼容chrome和火狐
}else if(element.attachEvent){
element.attachEvent('on'+type,handler);
//DOM2级处理事件兼容IE8以及更早的浏览器版本，只支持事件冒泡
}else{
element['on'+type]=handler;
//DOM0级处理事件element.onclick等价于element['onclick']
}
}
//删除句柄
removeHandler:function(element,type,handler){
if(element.removeEventListener){
element.removeEventListener(type,handler,false);
}else if(element.detachEvent){
element.detachEvent('on'+type,handler);
}else{
element['on'+type]=null;
}
},
}
eventUtil.addHandler(btn3,'click',showM);
</script>
</head>
<body>
<input type="button" value="按钮一" id="btn1" onclick="showM()">
<input type="button" value="按钮二" id="btn2">
<input type="button" value="按钮三" id="btn3">
</body>
</html>
展开
收起
1
条回答
写回答
写回答
-
把你的的script放在body的尾部。
你的script执行时body里的dom都还没渲染，所以getElementById什么都找不到。
2019-07-17 18:59:39赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
问答排行榜
最热
最新
推荐问答
