js中div显示和隐藏钮为什么页面总是跳一下到最上面
生活随笔
收集整理的這篇文章主要介紹了
js中div显示和隐藏钮为什么页面总是跳一下到最上面
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
<div class="menu_left">
<ul >
<li id="t1" style="background-image:url(images/t2.gif);" >
<a href="#" id="first" οnclick="infoList('first');" >中心動(dòng)態(tài)</a></li>
<li id="t2" ><a href="#" id="first" οnclick="infoList('first');" >
<a href="#" id="second" οnclick="infoList('second');">產(chǎn)權(quán)動(dòng)態(tài)</a></li>
<li id="t3">
<a href="#" id="third" οnclick="infoList('third');">財(cái)經(jīng)聚焦</a></li>
</ul>
</div>
點(diǎn)擊onclick事件 是因?yàn)?lt;a>的href屬性,使用了#的緣故,你點(diǎn)擊a的時(shí)候回到頁面的開始,然后才在做click函數(shù),你可以不使用href屬性。但是這樣的話,在IE6中a的一些偽屬性:hover,:link,:active等不會(huì)起作用了,但是IE6+,ff,chrome不會(huì)有問題的。
也可以使用
href="javascript:void(0);"
或
href=“javascript;”
就可以了,呵呵
<ul >
<li id="t1" style="background-image:url(images/t2.gif);" >
<a href="#" id="first" οnclick="infoList('first');" >中心動(dòng)態(tài)</a></li>
<li id="t2" ><a href="#" id="first" οnclick="infoList('first');" >
<a href="#" id="second" οnclick="infoList('second');">產(chǎn)權(quán)動(dòng)態(tài)</a></li>
<li id="t3">
<a href="#" id="third" οnclick="infoList('third');">財(cái)經(jīng)聚焦</a></li>
</ul>
</div>
點(diǎn)擊onclick事件 是因?yàn)?lt;a>的href屬性,使用了#的緣故,你點(diǎn)擊a的時(shí)候回到頁面的開始,然后才在做click函數(shù),你可以不使用href屬性。但是這樣的話,在IE6中a的一些偽屬性:hover,:link,:active等不會(huì)起作用了,但是IE6+,ff,chrome不會(huì)有問題的。
也可以使用
href="javascript:void(0);"
或
href=“javascript;”
就可以了,呵呵
轉(zhuǎn)載于:https://www.cnblogs.com/hshanghai/p/4137050.html
總結(jié)
以上是生活随笔為你收集整理的js中div显示和隐藏钮为什么页面总是跳一下到最上面的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: JAVA学习--集合的遍历
- 下一篇: 不得不说--自动化测试元素定位与用例设计