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

本秂侑毒 提交于 2020-02-20 01:02:15
form Ajax中国

开发的时候有时需要用link(<a>)来触发一些javascript事件,所以常常可以看到如下的代码:

<a href="javascript:void(0)" xxxxx="doSomething();return false;">Link</a>

这是一个曾经被多次讨论过的问题,长期以来,我也一直是这样写的。读了

a href=”javascript:void(0);” — avoid the void 之后,我认同了作者的意见。下面的写法确实更合理:

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

或者

<script type="javascript">function doSomething() {  //doSomething  return false;}</script><a href="#" xxxxx="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/"  xxxxx="window.open(this.href, 'popupwindow',   'width=400,height=300,scrollbars,resizable');   return false;">

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


标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!