没有href的样式锚标签 - 用于触发页面内的javascript

Question

没有href的样式锚标签的最流畅的浏览器有效方式是什么？

我发现这个article通过抛出一个href =“＃”来使样式适用于旧版本的IE。但是，我在页面的中间部分应用了这个，并发现它的行为应该如此;再次将您带到页面顶部。这使得页面“跳转”对于尝试使用页面下半部分的任何人来说都是一种糟糕的体验。但是......当我拿出href时，IE将不会应用css样式。

思想？

Answer 1

使用这样的标记...

<a id="myLink" href="JavascriptDisabled.htm">Jump</a>

JavascriptDisabled.htm应该是一个页面，上面写着必须启用Javascript才能生效！

然后你可以使用不引人注目的Javascript覆盖链接的默认点击功能......

window.onload = function() {
  document.getElementById("myLink").onclick = function() {
    //Execute your Javascript
    return false; // This prevents the redirect
  }
}

因此启用了Javascript的人可以获得正确的功能。那些禁用Javascript的人实际上会收到一条消息，告诉他们为什么它不起作用。我说这是双赢的胜利！

Answer 2

使用href="javascript:void(0)"代替#。这是解决此问题的最常用方法。

锚点仍会获得href属性，但它不会执行任何操作。