點擊超鏈接調用 JavaScript 函數,一般人都用:
復制代碼 代碼如下:<a href="javascript:function();">
但這有個缺點,就是點擊鏈接後,頁面上的GIF動畫將靜止。
試看如下代碼:
復制代碼 代碼如下:<script type="text/javascript">
<!--
function Foo()
{
//do something
}
//-->
</script>
<img src="logo.gif" alt="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>
如果不考慮GIF圖片的問題,以上方法均可。