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(); 返回false; 代码在函数的末尾,但没有.

谢谢!

Answer 1

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

因此,使用它来创建启用JavaScript的锚点:

<a href="javascript:;">

添加(背景信息):

该#字符表示书签.通过省略书签的名称,例如#bottom浏览器将书签视为"页面顶部",从而滚动到顶部.您的问题不必对书签执行任何操作,但是使用为javascript启用anchor()标记#定义空链接不是可行A的方法.您应该使用:javascript:;或javascript:void(0);表示这不是导航锚点.