javascript - 良好的 JavaScript 实践？

Question

<input type=”text” value=”click” onclick=”textClicked()”>

<script>
function textClicked() {
    document.write(‘Text clicked’); }
</script>

或

<input id=’txt’ type=”text” value=”click”>

<script>
document.getElementById(‘txt’).onclick = function() { document.write('Text clicked'); } 
</script>

以上哪项是更好的设计实践？在我看来，它是第一个，因为它为函数 textClicked() 提供了可重用性。

谢谢。

Answer 1

Which of the above is better design practice?

第二种选择更好:

• 您没有将 HTML 与 JavaScript 混合使用
• 您可以包含来自单独脚本文件的代码

In my opinion it is the first one because of the re-usability it provides for function textClicked().

正如 André Caron 在评论中提到的，没有什么可以阻止您按名称为 onclick 赋值:

<input id='txt' type="text" value="click">

<script>
document.getElementById('txt').onclick = textClicked;

function textClicked() {
  document.write('Text clicked');
}
</script>