如何防止 ajax 请求的锚标记转到页面顶部？

Question

这似乎是一个愚蠢的问题，但我无法弄清楚。我的页面上有一些锚标记仅执行 ajax 功能，除了触发 javascript 之外没有任何固有用途：

 <a href="#" onclick="SomeFunction();">Blah</a>

How do I Prevent Click on this link from all way to the page of the page.它导致了一些恼人的 UI 可用性问题。

Answer 1

HTML

<a href="javascript:void(0);" id="theLink" onclick="SomeFunction();">Blah</a>

JS

//jQuery
$('#theLink').click(function(){
    doSomething();
});

//Regular JS
document.getElementById("theLink").onclick = doSomething;

JSFiddle

http:// jsfiddle.net/kSxrK/

Answer 2

指定一个不存在的锚点，例如 Blah

Answer 3

将 return false 添加到 SomeFunction() 的最后:)

var SomeFunction = function(){
    //AJAX MAGIC
    return false;
}