超連結怎麼正確調用javascript函數_javascript技巧

點擊超連結調用 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圖片的問題，以上方法均可。