在html和css中標籤可以繫結事件，當事件發生時，繫結的函式隨即執行。常用事件有onclick，onblur，onfocus，onmousemove等，這裡不談這些事件。我們只來說一下這些事件繫結以onclick為例的辦法：

第一種，比較簡單的辦法

<div  id="1"onclick="fu()"></div>
<script>
function fu(){
console.log("123");
}
</script>這裡fu()為在<script>標籤中寫的js函式。

第二種 有些高階了

 < div>  id="1"\></div>
        <script>
        function fu(){
        console.log("123");
        }
       var mydiv=document.getElementById('1');
       mydiv.onclick=fu()；
 

第三種 高大上

     < div>  id="1"\></div>
            <script>
            function fu2(){
            console.log("345");
            }
             function fu1(){
            console.log("123");
            }
           var mydiv=document.getElementById('1');
           mydiv.addEventListener("click",fu1(),false)；
           mydiv.addEventListener("click",fu2(),false)；
           可以同時繫結兩種方法。第三個引數為執行模式，true為捕捉，false為冒泡。