前端细节：给dom元素绑定点击事件的方式

1.在标签内部使用onclik绑定点击事件

<div class="small" onclick="(function(){console.log('第一次点击')})()">domNode</div>

注：当在标签中绑定多个onclick时，浏览器只使用第一个点击事件

2.在<script>标签中给domNode绑定点击事件

（1）使用domNode.onclick的方式添加点击事件

<script>
    domNode.onclick=function(){
        console.log('script')
     }
</script>

注1：这种方式只能绑定一个点击事件

注2：当dom标签中的点击事件和<script>标签中的点击事件共存时，浏览器执行<script>中的点击事件

  (2)使用domNode.addEventListener的方式添加点击事件

<script>
    domNode.addEventListener('click',function(){
        console.log('第一次点击')
    })
    domNode.addEventListener('click',function(){
        console.log('第二次点击')
    })
</script>

注1：addEventListener这种方式可以为domNode绑定多个点击事件

注2：当三种方式都存在的情况下，浏览器会y依次执行<script>中domNode.onclick绑定的点击事件和addEventListener绑定的点击事件。如下图