href="#" vs. href="javascript:void(0)"

by Weijie JIN on

开发的时候有时需要用link(<a>)来触发一些javascript事件,所以常常可以看到如下的代码:
<a href="javascript:void(0)" xxxxx="doSomething();return false;">Link</a> 

其实,一下写法更合理:

<a href="#" xxxxx="doSomething();return false;">Link</a>

或者:

<script type="javascript">
function doSomething() {
  //doSomething
  return false;
}
</script>
<a href="#" xxxxx="return doSomething();">Link</a> 

再或者:

<a href="http://google.com/" xxxxx="window.open(this.href, 'popupwindow', width=400,height=300,scrollbars,resizable'); return false;">

这样的好处就是可以保存到书签或者收藏夹,可以左键单击,也可以右键使用!

Previous post:

Next post: