超鏈接怎么正確調(diào)用javascript函數(shù)
點(diǎn)擊超鏈接調(diào)用 JavaScript 函數(shù),一般人都用:
但這有個(gè)缺點(diǎn),就是點(diǎn)擊鏈接后,頁(yè)面上的GIF動(dòng)畫將靜止。
試看如下代碼:
<!--
function Foo()
{
//do something
}
//-->
</script>
<img src="logo.gif" alt="GIF 動(dòng)畫" />
<a href="javascript:Foo();">使 GIF 動(dòng)畫靜止的鏈接</a>
解決方法探討:
此時(shí)不影響動(dòng)畫顯示,但鼠標(biāo)移上去后,鼠標(biāo)及超鏈接樣式不發(fā)生變化,雖然可以利用樣式表來改變鼠標(biāo)及超鏈接樣式,但畢竟有些繁瑣,況且這種思路也不好。
再考查如下代碼:
我們可以發(fā)現(xiàn),雖然點(diǎn)擊鏈接后不影響動(dòng)畫顯示,但頁(yè)面總是滾到最上面,這種效果也不是我們想要的。
最終解決方法:
如果不考慮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技巧
相關(guān)文章
javascript實(shí)現(xiàn)計(jì)算器功能
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)計(jì)算器功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-03-03JavaScript實(shí)現(xiàn)的經(jīng)典文件樹菜單效果
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的經(jīng)典文件樹菜單效果,通過JavaScript結(jié)合json數(shù)組實(shí)現(xiàn)文件樹菜單的效果,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-09-09javascript實(shí)現(xiàn)獲取瀏覽器版本、操作系統(tǒng)類型
這篇文章主要給大家分享一段javascript實(shí)現(xiàn)獲取瀏覽器版本、操作系統(tǒng)類型的封裝好的代碼,使用非常方便,也很實(shí)用,推薦給大家。2015-01-01原型方法的不同寫法居然會(huì)影響調(diào)試的解決方法
原型方法的不同寫法居然會(huì)影響調(diào)試的解決方法...2007-03-03如何利用JavaScript實(shí)現(xiàn)二叉搜索樹
這篇文章主要給大家介紹了關(guān)于如何利用JavaScript實(shí)現(xiàn)二叉搜索樹的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-04-04深入理解JavaScript系列(26):設(shè)計(jì)模式之構(gòu)造函數(shù)模式詳解
這篇文章主要介紹了深入理解JavaScript系列(26):設(shè)計(jì)模式之構(gòu)造函數(shù)模式詳解,本文講解了基本用法、構(gòu)造函數(shù)與原型、只能用new嗎?、強(qiáng)制使用new、原始包裝函數(shù)等內(nèi)容,需要的朋友可以參考下2015-03-03JS簡(jiǎn)單編號(hào)生成器實(shí)現(xiàn)方法(附demo源碼下載)
這篇文章主要介紹了JS簡(jiǎn)單編號(hào)生成器實(shí)現(xiàn)方法,涉及JavaScript針對(duì)表單與字符串操作的相關(guān)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-04-04JavaScript Window窗口對(duì)象屬性和使用方法
這篇文章主要介紹了JavaScript Window窗口對(duì)象屬性和使用方法,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-01-01JavaScript實(shí)現(xiàn)同一個(gè)頁(yè)面打開多張圖片
這篇文章主要介紹了JavaScript實(shí)現(xiàn)同一個(gè)頁(yè)面打開多張圖片,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12微信小程序?qū)崿F(xiàn)獲取用戶信息并存入數(shù)據(jù)庫(kù)操作示例
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)獲取用戶信息并存入數(shù)據(jù)庫(kù)操作,涉及微信小程序wx.request后臺(tái)數(shù)據(jù)交互及php數(shù)據(jù)存儲(chǔ)相關(guān)操作技巧,需要的朋友可以參考下2019-05-05