如何在 href (html/js) 上使用函数

Question

想要在 href 链接中构建一个函数。 应该看起来像这样

<a href="javacript:destroy();"></a>

我如何正确完成它？

Answer 1

使用onclick来触发函数而不是href

HTML

<a href="#" onclick="destroy()"></a>

JS

function destroy()
{   //rest of the code
    return false;  // return false is use to prevent default behavior 
}

注意：如果您不使用return false或event.preventDefault它将执行默认行为

Answer 2

有不同的选项供您使用。 他们中的大多数人已经在另一个问题中回答了。

总结一下：

你可以这样做（正确的方法）：

<a id="myLink" title="Click to do something" href="PleaseEnableJavascript.html" onclick="destroy();return false;">link text</a>

这意味着在调用 destroy 函数后，它不会将用户定向到提供的链接。 或者，您可以使用 jQuery 在特定的 a href 上创建一个侦听器，如下所示：

$('#myLink').click(function(){
    MyFunction(); 
    return false; 
});

其余的可以在提供的链接上阅读:)