Javascript 帮助，切换文本不断跳回到页面顶部

Question

我希望有人可以帮助解决这个问题，我已经尝试了很多脚本和解决方法，但无法让这个简单的事情发挥作用。 正如标题所说，我怎样才能让我的文字不跳到页面顶部。 这是代码：

<script type="text/javascript">
function toggleVisibility() {
  document.getElementById("toggleMe").style.display = "";
  if(document.getElementById("toggleMe").style.visibility == "hidden" ) {
    document.getElementById("toggleMe").style.visibility = "visible";
  }
  else {
  document.getElementById("toggleMe").style.visibility = "hidden";
   ev.preventDefault();
    return false;

  }
}
</script>



 <a href="#" onclick="toggleVisibility();">Click to toggle visibility.</a></p>
 
<div id="toggleMe" style="visibility: hidden;"> Something to Hide and show.

显示会折叠其布局，而可见性将保持其布局。

都在同一个 html 文件中。 我阅读了外人所做的事情，并尝试了

ev.preventDefault(); 返回假；

函数末尾的代码，但什么也没有。

Answer 1

将A标签中的href属性改为： javascript:; 而不是#

因此，使用它来创建启用 javascript 的锚点：

<a href="javascript:;">

添加（背景信息）：

#字符表示书签。 通过省略书签的名称，例如#bottom ，浏览器#bottom书签视为“页面顶部”，从而滚动到顶部。 您的问题与书签无关，但是使用#为启用锚点 ( A ) 标签的 javascript 定义空链接不是可行的方法。 你应该使用： javascript:; 或javascript:void(0); 表示这不是导航锚点。

Answer 2

或者只是总是返回 false，而不仅仅是在 Else 子句中。