點擊超連結調用javascript函數

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

試看如下代碼：
<script language="javascript">
<!--
function Foo()
{
    //do something
}
//-->
</script>
<img src="http://****/logo.gif">
<a href="javascript:Foo();">使GIF動畫靜止的連結</a>

解決方案探討：
<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;中斷了執行，所以頁面就不會跳到最上部了。

本文來自CSDN部落格，轉載請標明出處：http://blog.csdn.net/yuhua3272004/archive/2008/08/06/2775972.aspx