點擊超鏈接調(diào)用javascript函數(shù)的實現(xiàn)

點擊超鏈接調(diào)用javascript函數(shù)，一般人都用<a href="javascript:function();"> 但這有個缺點，就是點擊鏈接后，頁面上的GIF動畫將靜止。

試看如下代碼：

 <script language="javascript"> <!-- function Foo() { //do something } //--> </script><img src="http://www.vxbq.cn/images/bbslogo_8831.gif" _fcksavedurl="http://www.vxbq.cn/images/bbslogo_8831.gif"><a href="javascript:Foo();" _fcksavedurl="javascript:Foo();">使GIF動畫靜止的鏈接</a> <br /><center>網(wǎng)更多教程，請訪問：<a href=http://www.vxbq.cn/ target=_blank _fcksavedurl="http://www.vxbq.cn/ target=_blank">http://www.vxbq.cn/</a></center>
提示：可修改后代碼再運行!

解決方法探討：
<a onclick="javascript:Foo();">鏈接</a>
此時不影響動畫顯示，但鼠標移上去后，鼠標及超鏈接樣式不發(fā)生變化，雖然可以利用樣式表來改變鼠標及超鏈接樣式，但畢竟有些繁瑣，況且這種思路也不好。
再考查如下代碼：
<a onclick="javascript:Foo();" href="#">鏈接</a>
我們可以發(fā)現(xiàn)，雖然點擊鏈接后不影響動畫顯示，但頁面總是滾到最上面，這種效果也不是我們想要的。

最終解決方法：
<a onclick="javascript:Foo(); return false;" href="#">不影響GIF的鏈接</a>
由于點接鏈接后，先觸發(fā)onclick，再執(zhí)行href屬性對應的值，在onclick中加上return false;中斷了執(zhí)行，所以頁面就不會跳到最上部了。

生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對您的學習有所幫助,可以手機掃描二維碼進行捐贈