一、开解：
下面是三种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…
版权声明：本文为博主原创文章，转载请附上博文链接！
|
|
