js中添加事件的方法-CFANZ编程社区

js中添加事件的方法

描述

js中添加事件的方法

代码

function fun1(){
  alert(1);
}

var fun2=function(){
  alert(2);
}

window.onload=function(){
  var btn3 = document.getElementById("btn3");
  btn3.onclick=function(){
    alert(3);
  }
}

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title></title>
    <script src="js/index.js"></script>
  </head>
  <body>
    绑定事件的方法
    <input type="button" value="添加事件方式1" onclick="fun1()"/>
    <input type="button" value="添加事件方式2" onclick="fun2()"/>
    <input type="button" value="添加事件方式3" id="btn3"/>
  </body>
</html>

说明

常见的方法有3种，如上方代码所示，选取适合的方式使用即可

效果图

js中添加事件的方法_事件方式

0 条评论