javascript - 制作具有链接行为的 html 按钮的最佳方法是什么？

Question

我有大约 50 行的表。每行都有链接，但我需要用按钮替换此链接。我有几种方法可以做到这一点，但我不知道哪种方法最好。

第一种方式:

<form method="POST" action="some url">
   <input type="submit" value="Clickable Button">
</form>

第二种方式:

<input type="button" value="Action button"
onclick="window.location='http://www.w3schools.com'" />

第三种方式:

<input type="button" class="actionButton" value="Action button"
data-link="http://www.w3schools.com"/>

然后我将使用 jQuery 添加 javascript 代码:

$("input.actionButton").click(function () {
   window.location = $(this).attr("data-link");
});

那么，最好的方法是什么？

Answer 1

在这三个中，我会选择一个表单，尽管如果每个链接都去不同的地方，那么很多表单只是为了复制链接功能。

但我为您提供了第四种选择:设置链接样式而不是替换它。您可以使链接看起来像您想要的任何方式，包括几乎完全像一个按钮。因为它是一个链接，所以这将是语义上最正确的选项(并且标记不太复杂)。不过，显然，这取决于您必须将链接替换为按钮的原因是什么——例如，是否存在某些功能而非外观方面的要求。