js为按钮添加单击事件的两种方法

在js中，为按钮添加事件可通过两种方式实现。第一种可在相应按钮dom节点中直接添加onclick语句并定义相应方法；第二种在js中动态为按钮添加事件监听即可完成。

一、在相应按钮dom节点不添加onclick及相应方法

<button id="btnMsg" onclick="showMsg();" >显示消息</button>

在其下面的js语句中添加如下代码：

<script type="text/javascript">
            function showMsg(){
                alert('showMsg');
            }
  </script>

二、在相应按钮dom节点中不用添加onclick语句

         <button id="btnClear" >清空</button>
        
        <script>
            document.getElementById('btnClear').addEventListener('click',function(){
                alert('showMsg');
            })
        </script>

总结：两种方式都可实现我们需要的效果，在实际使用过程中大家灵活掌握即可。