<a> - which is better?</a>的javascript：void（0）或onclick =“return false”

Question

有一个基于javascript的界面 - 所以我不需要支持没有javascript的工作。

我有一个

<a>Something</a>

带有JS代码的

元素，它绑定了click事件 - 因此，我不想在用户点击后重新加载页面。

哪种方式更好？

1. <a href="javascript:void(0)">Something</a>
2. <a href="#" onclick="return false;">Something</a>

每种方法有哪些优点和缺点？

Answer 1

两者都是糟糕的选择。演示文稿不应与内容混在一起。这意味着没有javascript:个URI，绝对没有onclick个属性。

做到这一点的方法：

<a id="myLink">Something</a>
<script>
    function myFunction(...) { ... }
    document.getElementById('myLink').addEventListener('click', myFunction, false);
</script>

Answer 2

都不是。如果您的链接不在任何地方，请不要使用<a>元素。使用<span>或其他合适的内容添加CSS以根据需要设置样式。