我想在没有任何重定向的情况下运行一个简单的JavaScript函数。
把JavaScript调用放在href属性中(像这样)有什么区别或好处吗?
<a href="javascript:my_function();window.print();">....</a>
与把它放在onclick属性(绑定到onclick事件)?
当前回答
上面的答案是一个非常糟糕的做法，永远不要链接到空哈希，因为它可能会在后面产生问题。
最好的方法是将事件处理程序绑定到元素上，就像许多人所说的那样，但是<a href="javascript:doStuff();“>do stuff</a>在每个现代浏览器中都能完美地工作，我在渲染模板时广泛使用它，以避免为每个实例重新绑定。在某些情况下，这种方法提供了更好的性能。YMMV
另一个有趣的消息是....
Onclick和href在直接调用javascript时有不同的行为。
onclick将正确地传递这个上下文，而href不会，换句话说，<a href="javascript:doStuff(这个)">没有上下文</ >将不工作，而<a onclick="javascript:doStuff(此)">no context</a>将。
是的，我省略了href。虽然这并不符合规范，但它可以在所有浏览器中工作，尽管理想情况下，它应该包括一个href="javascript:void(0);"作为良好的衡量标准
其他回答
<a href="#" onclick="try{FUNCTION_YOU_WANT()}catch(e){}return false">click here</a>
在javascript中使用“href”时，我还注意到一件事:
如果两次点击之间的时间差很短，“href”属性中的脚本将不会被执行。
例如，尝试运行下面的示例并双击每个链接(快!)。 第一个链接将只执行一次。 第二个链接将执行两次。
<script>
function myFunc() {
var s = 0;
for (var i=0; i<100000; i++) {
s+=i;
}
console.log(s);
}
</script>
<a href="javascript:myFunc()">href</a>
<a href="#" onclick="javascript:myFunc()">onclick</a>
在Chrome(双击)和IE11(三次点击)中复制。 在Chrome中，如果你点击足够快，你可以点击10次，只有一个功能执行。
Firefox运行正常。
就javascript而言，一个区别是onclick处理程序中的this关键字将引用其onclick属性的DOM元素(在本例中为<a>元素)，而href属性中的this将引用窗口对象。
在表示方面，如果链接中缺少href属性(例如<a onclick="[…]">)，那么默认情况下，浏览器将显示文本游标(而不是通常需要的指针游标)，因为它将<a>视为锚，而不是链接。
在行为方面，当通过href导航指定操作时，浏览器通常支持使用快捷方式或上下文菜单在单独的窗口中打开该href。当只通过onclick指定操作时，这是不可能的。
但是，如果您想知道从DOM对象的单击中获得动态操作的最佳方法是什么，那么使用javascript将事件与文档内容分开是最佳方法。你可以通过多种方式做到这一点。一个常见的方法是使用javascript库，如jQuery来绑定一个事件:
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<a id="link" href="http://example.com/action">link text</a>
<script type="text/javascript">
$('a#link').click(function(){ /* ... action ... */ })
</script>
上面的答案是一个非常糟糕的做法，永远不要链接到空哈希，因为它可能会在后面产生问题。
最好的方法是将事件处理程序绑定到元素上，就像许多人所说的那样，但是<a href="javascript:doStuff();“>do stuff</a>在每个现代浏览器中都能完美地工作，我在渲染模板时广泛使用它，以避免为每个实例重新绑定。在某些情况下，这种方法提供了更好的性能。YMMV
另一个有趣的消息是....
Onclick和href在直接调用javascript时有不同的行为。
onclick将正确地传递这个上下文，而href不会，换句话说，<a href="javascript:doStuff(这个)">没有上下文</ >将不工作，而<a onclick="javascript:doStuff(此)">no context</a>将。
是的，我省略了href。虽然这并不符合规范，但它可以在所有浏览器中工作，尽管理想情况下，它应该包括一个href="javascript:void(0);"作为良好的衡量标准
编辑警告:请参阅评论，在这个答案中使用“nohref”是不正确的。
我使用
Click <a nohref style="cursor:pointer;color:blue;text-decoration:underline"
onClick="alert('Hello World')">HERE</a>
虽然绕了很长一段路，但还是完成了任务。使用A风格来简化 然后就变成:
<style> A {cursor:pointer;color:blue;text-decoration:underline; } </style>
<a nohref onClick="alert('Hello World')">HERE</a>
