html 中a標籤的問題(無反應,跳轉,呼叫方法)
阿新 • • 發佈:2019-02-04
讓超連結點選後不跳轉,可以用href = "#",但是這個#就會錨點到頁面最上邊
點選連結後不跳轉可以設定成
1.<a href="javascript:void(0);" >javascript:void(0);</a>
2.<a href="javascript:;" >javascript:;</a>
3.<a href="" onclick="return false;">return false;</a>
4.<a href="#" onclick="return false;">return false;</a>
5.<a href="##" >##</a>
6.<a href="####" >####</a>
7.<a href="#all" >#all</a>
如果想點選超連結呼叫js方法的話可以設定成
1.<a href="javascript:void(0)" onclick="jsFun()">jsFun</a>
2.<a href="#" onclick="jsFun();return false;">jsFun();return false;</a>
3.<a href="#" onclick="alert(1);event.returnValue=false;">alert(1);event.returnValue=false;</a>
1.javascript:void(0)不建議使用
2.連結(href)直接使用javascript:void(0)在IE中可能會引起一些問題,比如:造成gif動畫停止播放等,所以,最安全的辦法還 是使用“####”。為防止點選連結後跳轉到頁首,onclick事件return false即可。
3.如果僅僅是想滑鼠移過,變成手形,可以使用
<span style="cursor:pointer" onclick="jsFun()">手型!</span>
點選連結後不跳轉可以設定成
1.<a href="javascript:void(0);" >javascript:void(0);</a>
2.<a href="javascript:;" >javascript:;</a>
3.<a href="" onclick="return false;">return false;</a>
4.<a href="#" onclick="return false;">return false;</a>
5.<a href="##" >##</a>
6.<a href="####" >####</a>
7.<a href="#all" >#all</a>
如果想點選超連結呼叫js方法的話可以設定成
1.<a href="javascript:void(0)" onclick="jsFun()">jsFun</a>
2.<a href="#" onclick="jsFun();return false;">jsFun();return false;</a>
3.<a href="#" onclick="alert(1);event.returnValue=false;">alert(1);event.returnValue=false;</a>
1.javascript:void(0)不建議使用
2.連結(href)直接使用javascript:void(0)在IE中可能會引起一些問題,比如:造成gif動畫停止播放等,所以,最安全的辦法還 是使用“####”。為防止點選連結後跳轉到頁首,onclick事件return false即可。
3.如果僅僅是想滑鼠移過,變成手形,可以使用
<span style="cursor:pointer" onclick="jsFun()">手型!</span>