javascript - HTML href 中的 JavaScript 函数调用

Question

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

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

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

Answer 1

大多数时候，您不想将 HTML 与 javascript 代码结合起来。最好附加一个对用户透明的事件处理程序。这样，如果用户禁用了 javascript，您可以优雅地降级。

解决问题的方法很多，这一切都取决于需要什么方法。

也可以看看：

• 渐进增强和优雅降级：概述
• 不显眼的 JavaScript 原则
• Mozilla 关于 element.addEventListener的注释，请注意替代方法，具体取决于您需要支持的浏览器和版本

Answer 2

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

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

您应该调查不显眼的 JavaScript。

尝试使用这样的东西：

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