01 JS-DOM之--事件以及绑定方法

来源：互联网发布：域名服务器ip 编辑：程序博客网时间：2024/06/05 10:15

事件经典三部曲

获取事件源（一般都是：标签本身）

绑定事件（ js已经定义好的，直接使用即可）

书写事件驱动程序

     <body>     <div id="box"></div>     <script>     //1.获取事件源     var box = document.getElementById("box");     //2.绑定事件     box.onclick = function () {     //3.书写事件驱动程序     alert("您点击了div盒子！");     }     </script>     </body>

事件绑定方法

1.绑定匿名函数（一般都用这种）

  box.onclick = function (){  alert(2);

}

2.绑定函数名

 box.onclick = fn;//函数名==整个函数 function fn(){  alert(2); }

注：如果函数带有参数，那么只能选用第一种，绑定匿名函数,再把函数写里面。如果不把它放进匿名函数，直接写在后面的话，就相当于是绑定函数的返回值啦！

 function fn(a,b){ return a+b;  } box.onclick = function (){ fn(1,3); }

3.内嵌标签（不建议使用）

<div id="box" onclick="fn3()"></div>

0 0