HTML href中的JavaScript函数调用

Question

我有一个JavaScript函数showImage，它显示具有特定ID的图像。我有一个调用该函数的HTML链接

<a href="javascript:showImage('img1')">show image1</a>

在这样的HTML a标记内调用JavaScript是个好主意吗？它似乎有效，但这是“正确”的做法吗？

Answer 1

大多数情况下，您不希望将HTML与JavaScript代码耦合。最好附加对用户透明的事件处理程序。这样，如果用户禁用了javascript，您可以gracefully degrade。

解决问题的方法很多，一切都取决于所需的方法。

另见：

• Progressive Enhancement and Graceful Degradation: an Overview
• The principles of unobtrusive JavaScript
• Mozilla notes on element.addEventListener，请注意替代方法，具体取决于您需要支持的浏览器和版本

Answer 2

  

它似乎有用，但这是“正确”的方法吗？

正确非常主观，但可能不是。

您应该调查unobtrusive JavaScript.

尝试使用以下内容：

document.getElementById('my_link').addEventListener('click', function (event) {
    event.preventDefault();
    showImage('img1');
}, false);