HTML事件属性和使用HTML DOM分配事件之间有什么区别？

Question

HTML事件属性：

<button onclick="displayDate()">Try it</button>

使用HTML DOM分配事件：

<script>

document.getElementById("myBtn").onclick = function(){ displayDate() };

</script>

这两者之间有什么区别？使用（使用HTML DOM分配事件）有什么好处？

谢谢

Answer 1

优点是您不会将js代码与html混淆，它允许您分隔编程层。这使您的代码更整洁，不易出现错误。一种符合网络可访问性规则和良好编程基础的实践。

Answer 2

有很大的不同。

Answer 3

差异（或连接）在HTML5规范的<input type="button" value="Click me">节中进行了描述。基本区别在于，事件属性（如6.1.5 Events）包含这样执行的JavaScript代码（通常是函数调用），而元素节点的onclick属性是对函数定义的引用。例如，如果您在HTML源代码中使用click，然后在浏览器的开发人员工具中检查DOM，则您会发现该连接原则上更加复杂。

Answer 4

没有区别。 OnClick是同一事件。