使用ajax更新元素时JavaScript页面跳转

我有一个页面可以垂直插入windo。当用户单击链接时，我通过ajax获得另一个页面，并将其插入到所需的元素中。 一切正常，但当用户点击另一个链接时，页面就会跳起来，这让我很恼火。 我试过使用

<a href="#" onClick="showRoom('five');return false;" class="highlight">
//and
<a href="javascript:void(0);" onClick="showRoom('five');return false;" class="highlight">

//及

而且它在IE和Firefox中都不起作用——它还在继续跳跃

有什么好的工作技巧可以帮助你吗

我认为这与续约有关。当我单击链接-first时，将显示加载图标。只有在报表表可用时，才会将其加载到替代图标中。所以，当显示信息时，浏览器会添加vscrolling条，但在报告切换和被小加载图标取代之间会消失

我认为我需要在单击更新链接时捕获滚动条的位置，然后，在ajax更新页面后，我需要调用另一个函数，该函数将滚动回以前的滚动条位置

这就是我如何“修复”问题，直到找到真正的解决方案：

document.getElementById(showCoursesArea).innerHTML= '<center><img src=\"images/working.gif\"><h1><br><h1><br><h1><br><h1><br><h1><br><h1><br></center>';

document.getElementById（showCoursesArea）.innerHTML='






'；

---

它几乎使我的页面变长；因此，ajax更新非常适合。

当您单击带有

href=“#”

的链接时，它实际上是链接到文档顶部。实际上，您可以完全删除

href

属性。

“#”将用户带回到页面顶部，因此我通常使用void（0）。或者，如您所说，第二个选项也不起作用，请删除href并试用

或者只是尝试一下

<a href="javascript:myJsFunc()">Link Text</a>

或

---

因为id“0”永远不会出现在页面上，所以不会发生任何事情。

您可以将其发布到JSFIDLE中吗？您所说的“跳转”是什么意思？请说得更具体一点，你看到右边的vscrollbar了吗？在更新过程中，它会消失一小段时间——因为报告表消失了，而我有了加载图标。然后，Ajax从数据库中提取新表并填充my-滚动条再次出现，但页面没有返回到Report。到目前为止，我是如何“修复”这个问题的：我在加载图标后添加了一堆空格，这样浏览器就可以保持原有的页面高度<代码>文档.getElementById（showCoursesArea）.innerHTML='






'房间5或向新页面添加锚定。这样它可能会向下滚动一点

<a onclick="javascript:myJsFunc()">Link Text</a>

<a href="#0" onclick="myJsFunc()">Link Text</a>