哪个是在链接上调用javascript函数的最佳方法

Question

我想添加一些链接到我的某个网站，但这些链接将调用javascript函数并且不会加下划线，我也希望将光标更改为标准指针。这是最好的方式，为什么？

现在我可以想到两个方法：

<a href="javascript:someFunction()" style="text-decoration:none">LINK</a>

或

<span onClick="someFunction();" style="cursor: pointer;">LINK</span>

您认为哪一个更好？

Answer 1

由于这不是一个真正的链接（功能上或视觉上），你应该坚持使用<span>（或<div>如果你想要一个块级元素。）

Answer 2

“HTML <span>标记用于将样式分组并应用于内联元素。当文本挂钩在span元素中时，您可以向内容添加样式，或使用例如JavaScript操作内容。” -W3

“<a>标记定义了一个超链接，用于从一个页面链接到另一个页面。” -W3

如果你只是在调用一个函数，我会使用span。

Answer 3

我认为组合更好：

<a href="#" id="myLink">LINK</a>

$(document).ready({
    $('#myLink').click(function() { someFunction(); return false; });
});

如果可能，请尝试在href中添加真实网址。通过在链接中包含一个真实的href，您可以让人们体验链接的javascript版本（例如ajax刷新）或右键单击并转到真实目的地。

当然，这并不总是切实可行，您的网站可能要求仅通过弹出对话框完成操作。理想情况下，用户应该通过跟随href打开另一个窗口/选项卡中的链接。

Answer 4

我喜欢v2，因为我宁愿在网址栏中没有javascript功能。当他们点击v1链接，然后收藏书签时会发生什么？