DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 超鏈接怎麼正確調用javascript函數
超鏈接怎麼正確調用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圖片的問題,以上方法均可。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved