我如何建立一个不在哪里的链接

Ank*_*kur 56 html hyperlink

是否有可能建立一个什么都不做的链接.我想要项目是一个链接,所以我让光标在鼠标悬停时更改,但我不希望链接实际上去任何地方,因为它实际上触发在同一页面上显示具有额外功能的div.

lee*_*ers 107

将添加到浏览器历史记录:

<a href="#"></a>

不会添加到浏览器历史记录(首选方法):

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

  • 即使他们关闭了javascript,这还可以吗? (11认同)
  • 是的,它什么都不做. (4认同)
  • 请注意,如果您设置了 onclick 函数,后者确实会导致问题。 (2认同)
  • 另一个注意事项:`href="javascript:;"` 不是,也从来不是首选方法。应不惜一切代价避免将 JS 代码放在 HTML 属性中。 (2认同)
  • 不过,这会导航到页面顶部 (2认同)

jhe*_*ngs 17

相反,您可以使用a <span>并设置光标样式:

<span id="node42" class="node-link">My Text</span>
Run Code Online (Sandbox Code Playgroud)

并在样式表中指定光标:

.node-link { cursor: pointer; }
Run Code Online (Sandbox Code Playgroud)

这也允许您稍后将节点附加到节点上(使用Prototype在此处显示):

<script type="text/javascript">
    $('node42').observe('click', function(event) {
      alert('my click handler');
    });
</script>
Run Code Online (Sandbox Code Playgroud)

  • 为什么id而不是class? (4认同)
  • 这不会导入超链接的样式(如超链接颜色,文本修饰等).因此,powers1的答案更好. (2认同)

pst*_*ton 15

在我看来,最完整的无黑客解决方案:

<a href="" onclick="return false;">do absolutely nothing</a>
Run Code Online (Sandbox Code Playgroud)

  • 到目前为止,这个解决方案似乎最适合我,因为我想在 `onclick` 中使用 JavaScript 函数(我只是在它之后返回 false):例如 `&lt;a href="" onclick="myFunction(); return false"&gt;我的文字&lt;/a&gt;` (2认同)

Dou*_*ner 7

只需将样式添加cursor:pointer到元素:

<a id="clickme">Click Me</a>
Run Code Online (Sandbox Code Playgroud)

CSS:

#clickme { cursor: pointer }
Run Code Online (Sandbox Code Playgroud)

或者(天堂禁止)直播:

<a style="cursor:pointer">Click Me</a>
Run Code Online (Sandbox Code Playgroud)