首页 > 代码库 > js中div显示和隐藏钮为什么页面总是跳一下到最上面

js中div显示和隐藏钮为什么页面总是跳一下到最上面

<div  class="menu_left">
<ul >
<li id="t1" style="background-image:url(images/t2.gif);" >
<a href="http://www.mamicode.com/#" id="first" onclick="infoList(‘first‘);" >中心动态</a></li>
<li id="t2" ><a href="http://www.mamicode.com/#" id="first" onclick="infoList(‘first‘);" >
<a href="http://www.mamicode.com/#" id="second" onclick="infoList(‘second‘);">产权动态</a></li>
<li id="t3">
<a href="http://www.mamicode.com/#" id="third" onclick="infoList(‘third‘);">财经聚焦</a></li>
</ul>
</div>
点击onclick事件
是因为<a>的href属性,使用了#的缘故,你点击a的时候回到页面的开始,然后才在做click函数,你可以不使用href属性。但是这样的话,在IE6中a的一些伪属性:hover,:link,:active等不会起作用了,但是IE6+,ff,chrome不会有问题的。 
也可以使用
href="javascript:void(0);"

href=http://www.mamicode.com/“javascript;”
就可以了,呵呵

js中div显示和隐藏钮为什么页面总是跳一下到最上面