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、事件柄方法
//addEventListener 用于向指定元素添加事件句柄
//可以向一个元素添加多次点击事件，后一个点击事件不会覆盖前一个点击事件
<!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>