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

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也没有任何效果是什么原因呢?

正在回答

2 回答

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

1 回复 有任何疑惑可以回复我~
#1

做过坏小孩 提问者

非常感谢!
2016-10-18 回复 有任何疑惑可以回复我~
#2

緣来

为什么呀
2019-06-25 回复 有任何疑惑可以回复我~

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

<script>

function showMes(){

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

}

//MOM 0 级事件处理程序

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

btn2.onclick=function(){

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

</script>

1 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
DOM事件探秘
  • 参与学习       99545    人
  • 解答问题       1197    个

DOM事件?本课程会通过实例来给小伙伴们讲解如何使用这些事件

进入课程

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信