href="#" vs. href="javascript:void(0)"
开发的时候有时需要用link(<a>)来触发一些javascript事件,所以常常可以看到如下的代码:
<a href="javascript:void(0)" onclick="doSomething();returnfalse;">Link</a>
这是一个曾经被多次讨论过的问题,长期以来,我也一直是这样写的。读了 a href=”javascript:void(0);” — avoid the void 之后,我认同了作者的意见。下面的写法确实更合理:
<a href="#" onclick="doSomething();returnfalse;">Link</a>
或者
<script type="javascript">
function doSomething() {
//doSomething
returnfalse;
}
</script>
<a href="#" onclick="return doSomething();">Link</a>
以往大家不使用"#"的问题是,这将导致点击链接时页面跳回页面顶部,但通过 return false 语句将使得浏览器忽略链接的默认动作,从而避免了此问题。
youngpup 更有意思,他在How to Create Pop-Up Windows 中言辞激烈的倡导大家永远永远永远不要使用 javascript: 伪协议:
Never, ever, ever use the javascript: pseudo-protocol for anything, ever ever ever ever again. Please. Pretty please.
他的解决方案是:
<a
href="http://google.com/"
onclick="window.open(this.href, 'popupwindow',
'width=400,height=300,scrollbars,resizable');
returnfalse;">
这样的好处就是可以保存到书签或者收藏夹,可以左键单击,也可以右键使用!