|
點(diǎn)擊超鏈接調(diào)用 JavaScript 函數(shù)，一般人都用： <a href="javascript:function();">
但這有個(gè)缺點(diǎn)，就是點(diǎn)擊鏈接后，頁面上的GIF動(dòng)畫將靜止。 試看如下代碼： <script type="text/javascript">
<!-- function Foo() { //do something } //--> </script> <img src="logo.gif" alt="GIF 動(dòng)畫" /> <a href="javascript:Foo();">使 GIF 動(dòng)畫靜止的鏈接</a> 解決方法探討： <a onclick="javascript:Foo();">鏈接</a>
此時(shí)不影響動(dòng)畫顯示，但鼠標(biāo)移上去后，鼠標(biāo)及超鏈接樣式不發(fā)生變化，雖然可以利用樣式表來改變鼠標(biāo)及超鏈接樣式，但畢竟有些繁瑣，況且這種思路也不好。 再考查如下代碼： 我們可以發(fā)現(xiàn)，雖然點(diǎn)擊鏈接后不影響動(dòng)畫顯示，但頁面總是滾到最上面，這種效果也不是我們想要的。 最終解決方法： <a onclick="javascript:Foo();return false;" href="#">不影響 GIF 的鏈接</a>
由于點(diǎn)接鏈接后，先觸發(fā) onclick，再執(zhí)行 href 屬性對(duì)應(yīng)的值，在 onclick 中加上 return false; 中斷了執(zhí)行，所以頁面就不會(huì)跳到最上部了。 |
|
|
