开发者社区> 问答> 正文

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>

展开
收起
a123456678 2016-03-11 17:06:04 4950 0
1 条回答
写回答
取消 提交回答
  • 把你的的script放在body的尾部。

    你的script执行时body里的dom都还没渲染,所以getElementById什么都找不到。

    2019-07-17 18:59:39
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载