以下是构建链接的两种方法，该链接的唯一目的是运行JavaScript代码。在功能、页面加载速度、验证目的等方面，哪个更好。？
函数myJsFunc（）{警报（“myJsFunc”）；}<a href=“#”onclick=“myJsFunc（）；”>运行JavaScript代码</a>
or
函数myJsFunc（）{警报（“myJsFunc”）；}运行javascript代码</a>
当前回答
我使用以下方法
<a href="javascript:;" onclick="myJsFunc();">Link</a>
相反
<a href="javascript:void(0);" onclick="myJsFunc();">Link</a>
其他回答
我建议改用＜button＞元素，特别是当控件应该在数据中产生更改时。（类似于POST。）
如果不引人注目地注入元素，这是一种渐进式增强，效果会更好。（请参阅此评论。）
您可以在这里使用javascript:void（0），而不是使用#来停止锚标记重定向到标头部分。
function helloFunction() {
alert("hello world");
}
<a href="javascript:void(0)" onclick="helloFunction();">Call Hello Function</a>
您可以使用href并删除所有只有哈希值的链接：
HTML格式：
<a href="#" onclick="run_foo()"> foo </a>
JS:
$(document).ready(function(){ // on DOM ready or some other event
$('a[href=#]').attr('href',''); // set all reference handles to blank strings
// for anchors that have only hashes
});
也不
如果您可以有一个实际的URL，请将其用作HREF。如果有人中间点击你的链接打开一个新的标签，或者他们禁用了JavaScript，onclick就不会启动。
如果这是不可能的，那么您至少应该使用JavaScript和适当的单击事件处理程序将锚标记注入到文档中。
我意识到这并不总是可能的，但在我看来，在开发任何公共网站时都应该努力做到这一点。
查看Unobrusive JavaScript和Progressive增强（两个维基百科）。
根据您想要完成的任务，您可以忘记onclick，只需使用href：
<a href="javascript:myJsFunc()">Link Text</a>
它避免了返回false的需要。我不喜欢#选项，因为如上所述，它会将用户带到页面顶部。如果你有其他地方可以发送用户，如果他们没有启用JavaScript（这在我工作的地方很少见，但这是一个非常好的主意），那么Steve提出的方法非常有效。
<a href="javascriptlessDestination.html" onclick="myJSFunc(); return false;">Link text</a>
最后，如果您不想任何人去任何地方，也不想调用javascript函数，那么可以使用javascript:void（0）。如果您有一个想要发生鼠标悬停事件的图像，但没有任何内容可供用户单击，那么它会非常有用。
