开解:
下面是三种button点击的方法。
1、 btn.onclick=function(){}
2、 btn.addEventListener('click',function(){})
3、 functionbtclick(){} 前提是标签里有onclick="btclick()"
二、实例:
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>Document</title>
</head>
<body>
<buttonid="btn1">三色方块</button>
<buttonid="btn2">三色方块</button>
<buttononclick="btclick()">三色方块</button>
</body>
<script>
varmbtn1 = document.querySelector('#btn1');
mbtn1.onclick = function(){
alert('hellow world!');
}
/////////////////////////////////////////////////////
varmbtn2 = document.querySelector('#btn2');
mbtn2.addEventListener('click',function () {
alert('hellow world!');
})
////////////////////////////////////////////////////
functionbtclick() {
alert('hellow world!');
}
</script>
</html>
运行结果:
三、总结:
这是三种button的click的写法,大家可以根据自己的习惯去用。
---------------------
作者:my128
来源:CSDN
原文:blog.csdn.net/MY128/artic…
版权声明:本文为博主原创文章,转载请附上博文链接!