JavaScript 作为 HTML 属性是不好的做法吗？

例子：https://stackoverflow.com/a/372​​89566/710887 https://stackoverflow.com/a/37289566/710887

我看到这种情况越来越频繁地发生。

我总是被教导要将 javascript、css 和 html 分开（当然 html 链接到源/脚本）。

在 HTML 属性中使用 Javascript（例如onclick, onchange, etc:）不好的做法？

<span id="valBox">25</span>
<input type="range" min="5" max="50" step="1" value="25" onchange="valBox.textContent = this.value">

一般来说，是的，这是非常糟糕的做法，但是，有时，在测试/快速实现时，它会快得多：

<button onclick="alert('Hello World!');">Hey There!</button>

VS

<script>
  window.onload = function()
  {
      document.getElementById("button").onclick = function()
          {
              alert("Hello World!");
          }
  }
</script>
<button id="button">Hey There!</button>

话虽如此，后者更适合调试/代码维护。