js最常用的click事件3种方法
1、onclick=name()
<!DOCTYPE html> <html leng="en"> <head> <meta charset="utf-8"> <title>one</title> </head> <body> <div id="dome"></div> <button type="button" onclick="displayDate()">点击</button> <script> function displayDate(){ document.getElementById("dome").innerHTML=Date(); } </script> </body> </html>
2、js中绑定
<!DOCTYPE html> <html leng="en"> <head> <meta charset="utf-8"> <title>one</title> </head> <body> <div id="dome"></div> <button type="button">点击</button> <script> var btn=document.getElementById("btn"); btn.onclick=function(){ document.getElementById("dome").innerHTML=Date(); } </script> </body> </html>
3、事件柄方法
<!DOCTYPE html> <html leng="en"> <head> <meta charset="utf-8"> <title>one</title> </head> <body> <div id="dome"></div> <button type="button">点击</button> <script> var btn=document.getElementById("btn"); btn.addEventListener(‘click‘,function(){ document.getElementById("dome").innerHTML=Date(); },false) </script> </body> </html>
原文：https://www.cnblogs.com/liaohongwei/p/9717511.html