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

时间:2011-02-15 13:19:13

标签: javascript text toggle

嘿伙计们,我希望有人可以帮助解决这个问题,我已经尝试了很多脚本和解决方法,但是无法让这个简单易用。正如标题所示,我怎样才能使我的文字不会跳到页面顶部。这是代码。

<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; 代码在函数的末尾,但没有。

谢谢!

2 个答案:

答案 0 :(得分:7)

href代码中的A属性更改为:javascript:;而不是#

所以使用它来创建启用javascript的锚点:

<a href="javascript:;">

已添加(背景信息):

  

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

答案 1 :(得分:0)

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