问答详情
源自：2-2 DOM0级事件处理程序

DOM 0级事件处理程序应用问题

<body>

<div id="box">

<!--HTML事件处理程序-->

<input type="button" value="按钮1" id="btn1" onclick="showMes()" />

<!--DOM 0级事件处理程序-->

<input type="button" value="按钮2" id="btn2"  />

<!--DOM 2级事件处理程序-->

<input type="button" value="按钮3" id="btn3"  />

<!--IE级事件处理程序-->

<input type="button" value="按钮4" id="btn4"  />

<script type="text/javascript">

function showMes(){

alert("事件处理程序");

}

//MOM 0 级事件处理程序

var btn2=document.getElementById("btn2");

btn2.onclick=showMes();

</script>

</div>

刷新页面是总是自动弹出alert根本就不用点击btn2，点击btn2也没有任何效果是什么原因呢？

提问者：做过坏小孩 2016-08-30 10:24

个回答

  • 慕粉15102700706
    2016-08-30 11:18:38
    已采纳

    btn2.onclick=showMes();把showMes后面的括号去掉

    1
  • 做个快乐的程序媛
    2016-08-30 11:38:03

    DOM0级处理程序有两种，一种是在标签内些onclick事件，另一种是在JS写onlicke=function（）{}函数，改成如下就可以：

    <script>

    function showMes(){

    alert("事件处理程序");

    }

    //MOM 0 级事件处理程序

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

    btn2.onclick=function(){

    alert("事件处理程序");}

    </script>

    1