HTML <a> element with href=&#34;javascript:;&#34;</a>的含义

时间:2014-04-23 09:36:43

标签: javascript html

我偶尔会看到一个HTML <a>元素,其href属性是一个URI,对于该方案只有javascript,并且该路径为空;。 / p>

  • 这是什么目的?

  • 是否与href="javascript:void(0);"相同?

  • 是否与完全没有href属性相同?

  • 是否与完全没有<a>元素相同?

更新

我看到的确切内容是<a href="javascript:;" style="cursor: default;"></a>。那么这只是一种控制光标图形的方法吗?

1 个答案:

答案 0 :(得分:6)

您可以通过以下某些步骤了解:

<a onclick="foo()">Next Image</a>
<a href="#" onclick="foo()">Next Image</a>
<a href="javascript:foo()">Next Image</a>
<a href="javascript:void(0)" onclick="foo()">Next Image</a>
<a href="#" onclick="foo(); return false;">Next Image</a>

方法1通常不会将鼠标光标改为&#34;手形光标&#34;所以在某些情况下可能不太理想。

方法2似乎导致页面有时会在IE 6和IE 7上转移到新位置。(到页面顶部?)

方法3 ......应该有效......但是它是一种老式的方式,对于现代浏览器应该避免使用吗?

方法4应该运行良好.void-the-void / 作者似乎暗示有时可能会破坏并尝试永远不要使用href="javascript:[anything]"

方法5可能效果最好?根据上面的文章,这可能是最好的方式,因为它没有使用href="javascript:[something]",返回假部分将导致href =&#34;#&#34;不评估,这是最好的方式吗?非常感谢!