停止javascript onclick'page jumping'

时间:2009-12-17 19:31:29

标签: javascript ajax onclick

似乎无法阻止跳转到页面顶部的行为。

我已经尝试了 preventing onclick page jumps

中建议的所有内容

还有什么办法可以阻止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" />';
    }
}

9 个答案:

答案 0 :(得分:4)

在onclick中返回false实际上是要走的路。如果那不适合你,我们需要看代码。

答案 1 :(得分:4)

据我所知,事件已经是JS了,你不需要放onclick="javascript:..."。试试这个:

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

答案 2 :(得分:2)

href="javascript:void(0);"

答案 3 :(得分:1)

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

请注意分号。

答案 4 :(得分:1)

这是我使用的,它的工作原理

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

当涉及使用与'onClick'事件关联的函数的ajax请求时,因为href总是为我解决页面跳转问题。

答案 5 :(得分:0)

我一直用:

<a href=""></a>

主要是因为我讨厌使用

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

#附加到网址的末尾。

编辑:

您确定它不是特定于浏览器的问题或偏好吗?

答案 6 :(得分:0)

你需要的只是

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

并添加标签所需的任何其他属性。

答案 7 :(得分:0)

奇怪的是,我删除了我的php脚本的内容,保存,然后重新插入相同的内容后,问题得到纠正。不确定这有什么效果,但似乎可以解决跳跃问题。

我想问题永远不会在onclick中返回false。

感谢大家的时间!

答案 8 :(得分:0)

href =“javascript:undefined”应该做的伎俩