本文共 798 字，大约阅读时间需要 2 分钟。

输出： 1

onclick的绑定方式会覆盖内联式的事件绑定。是在HTML标签中直接设置的绑定方式，当单词 onclick 出现时，立即绑定。这个特性使得对应的函数在其他方式绑定之后仍然会执行优先。当将 onclick 绑定到一个元素时，点击该元素会首先执行这个函数。

另外一种绑定方式是使用 addEventListener 方法。在现代的网页开发中，这种绑定方式更为常见且灵活。它允许在不修改原始html标签的情况下，动态地增加事件处理逻辑。这个方法的优势是不会覆盖已有的事件处理函数，且可以同时绑定多个函数。

以下是一个比较实例：

在这个例子中，当点击div元素时，会首先执行 console.log(1) 这个函数。

2. 用 addEventListener 绑定的方式：

var c=document.getElementById("b");
c.addEventListener("click",function(){alert('2')},false)

这里的函数会在默认的行为执行之后运行，它可以选择是否阻止默认事件发生（这里使用 false 参数表示不阻止）。

需要注意的是，两种方式都能通过 this 对应到div元素。此外，addEventHandler 是不覆盖原有的 onclick 方法的，而是作为一个新的事件处理函数加入到队列中。

综上所述，在选择事件绑定的方式时，可以根据需要决定是否使用 onclick 或者 addEventListener。其中，addEventHandler 提供了更大的灵活性和更好的可控制性。但需要注意， reconciliate 后正确理解两种方式的行为特点，不会导致意外的事件处理重复或覆盖问题。

以上内容集合了两种事件绑定的特点和应用场景，对于理解如何在HTML中更有效地管理页面交互非常有帮助。