Javascript单击click的三种写法[0404]
一、开解:
下面是三种button点击的方法。
1、 btn.οnclick=function(){}
2、 btn.addEventListener('click',function(){})
3、 functionbtclick(){} 前提是标签里有οnclick="btclick()"
二、实例:
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>Document</title>
</head>
<body>
<buttonid="btn1">三色方块</button>
<buttonid="btn2">三色方块</button>
<buttonοnclick="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的写法,大家可以根据自己的习惯去用。
四、关注:
更多内容请关注我们的公众号: