对于<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>