點擊超鏈接調用javascript函數的實現

點擊超鏈接調用javascript函數，一般人都用<a href="javascript:function();"> 但這有個缺點，就是點擊鏈接后，頁面上的GIF動畫將靜止。

試看如下代碼：

 <script language="javascript"> <!-- function Foo() { //do something } //--> </script><img src="http://www.jyygyx.com/images/bbslogo_8831.gif" _fcksavedurl="http://www.jyygyx.com/images/bbslogo_8831.gif"><a href="javascript:Foo();" _fcksavedurl="javascript:Foo();">使GIF動畫靜止的鏈接</a> <br /><center>網更多教程，請訪問：<a href=http://www.jyygyx.com/ target=_blank _fcksavedurl="http://www.jyygyx.com/ target=_blank">http://www.jyygyx.com/</a></center>
提示：可修改后代碼再運行!

解決方法探討：
<a onclick="javascript:Foo();">鏈接</a>
此時不影響動畫顯示，但鼠標移上去后，鼠標及超鏈接樣式不發生變化，雖然可以利用樣式表來改變鼠標及超鏈接樣式，但畢竟有些繁瑣，況且這種思路也不好。
再考查如下代碼：
<a onclick="javascript:Foo();" href="#">鏈接</a>
我們可以發現，雖然點擊鏈接后不影響動畫顯示，但頁面總是滾到最上面，這種效果也不是我們想要的。

最終解決方法：
<a onclick="javascript:Foo(); return false;" href="#">不影響GIF的鏈接</a>
由于點接鏈接后，先觸發onclick，再執行href屬性對應的值，在onclick中加上return false;中斷了執行，所以頁面就不會跳到最上部了。

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈