JavaScript - href 与 onclick 的超链接回调函数

我想在没有任何重定向的情况下单击即可运行一个简单的 JavaScript 函数。

将 JavaScript 调用放在href属性（像这样）：

<a href="javascript:my_function();window.print();">....</a>

与将其放入onclick属性（将其绑定到onclick event)?

bad:

<a id="myLink" href="javascript:MyFunction();">link text</a>

good:

<a id="myLink" href="#" onclick="MyFunction();">link text</a>

better:

<a id="myLink" href="#" onclick="MyFunction();return false;">link text</a>

更好1：

<a id="myLink" title="Click to do something"
 href="#" onclick="MyFunction();return false;">link text</a>

更好2：

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

为什么更好？因为return false将阻止浏览器跟踪该链接

best:

使用 jQuery 或其他类似的框架通过元素的 ID 附加 onclick 处理程序。

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