做过坏小孩
2016-08-30 10:24
<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也没有任何效果是什么原因呢?
btn2.onclick=showMes();把showMes后面的括号去掉
DOM0级处理程序有两种,一种是在标签内些onclick事件,另一种是在JS写onlicke=function(){}函数,改成如下就可以:
<script>
function showMes(){
alert("事件处理程序");
}
//MOM 0 级事件处理程序
var btn2=document.getElementById('btn2');
btn2.onclick=function(){
alert("事件处理程序");}
</script>
DOM事件探秘
99544 学习 · 1197 问题
相似问题