javascript:void(0)太长(缩短方式)

时间:2012-03-07 06:41:53

标签: javascript html hyperlink

我知道这是一个愚蠢的问题 但是有一种较短的写作方式

javascript:void(0)是否有锚链接?

示例:

<a href="javascript:void(0)" onClick="functionHere()"> Click me </a>

我不喜欢使用"#",因为点击该链接会将我带到页面顶部

5 个答案:

答案 0 :(得分:3)

即使是因为已经选择了答案, 我想就此发表意见。

使用带有javascript:; javascript:void(0); javascript:return false;的href是不好的做法搜索引擎会尝试抓取你的href,并会发现链接断开。

话虽如此,我确实理解有时你​​确实需要一个无处可用的链接,但在页面上执行某些操作。

我会这样做的:

<script>
var elm = document.getElementById('myElement'); 
elm.style.cursor = 'pointer'; 
elm.onclick = function() { 
    // do something... 
}; 

</script>

<span id="myElement">Click Here</span>
这样,你的HTML代码保持干净和漂亮。 请不要将其视为“良好编码”,因为你总是需要为禁用javascript的浏览器保留一个版本(是的,是的,我知道99%会启用它), 但是,如果必须做出邪恶,至少可能是不那么邪恶。

答案 1 :(得分:2)

较短的版本是:

<a href="javascript:;" ...>

答案 2 :(得分:2)

试试这个

<a href="#" onClick="return false;"> Click me </a>

答案 3 :(得分:1)

另一种方法:

<style type="text/css">
.pointer{
  cursor:pointer;
}
</style>
<a class="pointer" onclick="functionHere()"> Click me </a>

答案 4 :(得分:-1)

function a() {};

<a href="javascript:a();">
<a href="javascript://">
<a href="don't_load" onclick="doit();return false;">