停止javascript onclick'page jumping'

Question

似乎無法阻止跳轉到頁面頂部的行為。

我已經嘗試了這里建議的一切 防止onclick頁面跳轉

還有什么辦法可以阻止onclick頁面跳轉？

謝謝。

這是HTML和JS的片段

HTML:

<a href="javascript: return null;" onclick='javascript:getPosts("page=1&display=all"); return false;'>Everyone</a>


JS:

function getPosts(qry) {
    var thePage = 'posts.php?' + qry;
    myReq.open("GET", thePage, true);
    myReq.onreadystatechange = theHTTPResponse;
    myReq.send(null);
}

function theHTTPResponse() {
    if (myReq.readyState == 4) {
        if(myReq.status == 200){
            var response = myReq.responseText;
            document.getElementById('posts').innerHTML = response;
        }
    } else {
        document.getElementById('posts').innerHTML = '<img src="images/ajax-loader.gif" />';
    }
}

Answer 1

在onclick中返回false實際上是要走的路。 如果那不適合你，我們需要查看代碼。

Answer 2

據我所知，事件已經是JS所以，你不需要把onclick="javascript:..." 。 嘗試這個：

<a href="javascript: return null;" onclick='getPosts("page=1&display=all"); return false;'>Everyone</a>

Answer 3

href="javascript:void(0);"

Answer 4

<a href="javascript:;" onclick="...">Everyone</a>

注意分號。

Answer 5

這是我使用的，它的工作原理

<a href="javascript:getPosts('page=1&display=all'); return false;">Everyone</a>

當涉及使用與'onClick'事件關聯的函數的ajax請求時，因為href總是為我解決頁面跳轉問題。

Answer 6

我一直用：

<a href=""></a>

主要是因為我討厭使用

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

在網址的末尾附加一個# 。

編輯：

您確定它不是特定於瀏覽器的問題或偏好嗎？

Answer 7

所有你需要的是

<a href="javascript:">My Link!</a>

並添加標簽所需的任何其他屬性。

Answer 8

奇怪的是，我刪除了我的PHP腳本的內容后，問題得到糾正，保存，然后重新插入相同的內容。 不知道這有什么影響，但似乎解決了跳躍。

我想問題永遠不會在onclick中返回false。

謝謝大家的時間！

Answer 9

href =“javascript：undefined”應該做的伎倆