點擊超鏈接調用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;中斷了執行，所以頁面就不會跳到最上部了。
posted on 2007-10-11 10:11
CoderDream 閱讀(4453)
評論(2) 編輯 收藏 所屬分類:
JavaScript