超鏈接怎么正確調(diào)用javascript函數(shù)
點擊超鏈接調(diào)用 JavaScript 函數(shù),一般人都用:
但這有個缺點,就是點擊鏈接后,頁面上的GIF動畫將靜止。
試看如下代碼:
<!--
function Foo()
{
//do something
}
//-->
</script>
<img src="logo.gif" alt="GIF 動畫" />
<a href="javascript:Foo();">使 GIF 動畫靜止的鏈接</a>
解決方法探討:
此時不影響動畫顯示,但鼠標移上去后,鼠標及超鏈接樣式不發(fā)生變化,雖然可以利用樣式表來改變鼠標及超鏈接樣式,但畢竟有些繁瑣,況且這種思路也不好。
再考查如下代碼:
我們可以發(fā)現(xiàn),雖然點擊鏈接后不影響動畫顯示,但頁面總是滾到最上面,這種效果也不是我們想要的。
最終解決方法:
如果不考慮GIF圖片的問題,以上方法均可。
- JavaScript函數(shù)的4種調(diào)用方法詳解
- JavaScript函數(shù)的調(diào)用以及參數(shù)傳遞
- 深入理解JavaScript函數(shù)參數(shù)(推薦)
- 改變javascript函數(shù)內(nèi)部this指針指向的三種方法
- 從JQuery源碼分析JavaScript函數(shù)的apply方法與call方法
- 用apply讓javascript函數(shù)僅執(zhí)行一次的代碼
- JavaScript函數(shù)之call、apply以及bind方法案例詳解
- JavaScript函數(shù)apply()和call()用法與異同分析
- 詳解JavaScript函數(shù)callee、call、apply的區(qū)別
- 玩轉(zhuǎn)JavaScript函數(shù):apply/call/bind技巧
相關文章
JavaScript實現(xiàn)的經(jīng)典文件樹菜單效果
這篇文章主要介紹了JavaScript實現(xiàn)的經(jīng)典文件樹菜單效果,通過JavaScript結(jié)合json數(shù)組實現(xiàn)文件樹菜單的效果,非常簡單實用,需要的朋友可以參考下2015-09-09
javascript實現(xiàn)獲取瀏覽器版本、操作系統(tǒng)類型
這篇文章主要給大家分享一段javascript實現(xiàn)獲取瀏覽器版本、操作系統(tǒng)類型的封裝好的代碼,使用非常方便,也很實用,推薦給大家。2015-01-01
深入理解JavaScript系列(26):設計模式之構(gòu)造函數(shù)模式詳解
這篇文章主要介紹了深入理解JavaScript系列(26):設計模式之構(gòu)造函數(shù)模式詳解,本文講解了基本用法、構(gòu)造函數(shù)與原型、只能用new嗎?、強制使用new、原始包裝函數(shù)等內(nèi)容,需要的朋友可以參考下2015-03-03
JS簡單編號生成器實現(xiàn)方法(附demo源碼下載)
這篇文章主要介紹了JS簡單編號生成器實現(xiàn)方法,涉及JavaScript針對表單與字符串操作的相關技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-04-04
微信小程序?qū)崿F(xiàn)獲取用戶信息并存入數(shù)據(jù)庫操作示例
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)獲取用戶信息并存入數(shù)據(jù)庫操作,涉及微信小程序wx.request后臺數(shù)據(jù)交互及php數(shù)據(jù)存儲相關操作技巧,需要的朋友可以參考下2019-05-05

