js a標(biāo)簽點(diǎn)擊事件
當(dāng)我們?cè)谔幚韆標(biāo)簽上的點(diǎn)擊事件時(shí)發(fā)現(xiàn)即使href=""里面為空，點(diǎn)擊事件的效果也不明顯，這種情況該如何處理呢?常見(jiàn)的處理方法有以下幾種：
1.a href="javascript:void(0);" rel="external nofollow" onclick="method()"
這種方法是比較最常用的方法，也是最周全的方法，onclick方法負(fù)責(zé)執(zhí)行js函數(shù)，而void是一個(gè)操作符，void(0)返回undefined，地址不發(fā)生跳轉(zhuǎn)。而且這種方法不會(huì)像第一種方法一樣直接將js方法暴露在瀏覽器的狀態(tài)欄。
2.a href="javascript:;" rel="external nofollow" onclick="method()"
這種方法跟跟2種類似，區(qū)別只是執(zhí)行了一條空的js代碼。
3.a href="#" rel="external nofollow" rel="external nofollow" onclick="method()"
這種方法也是網(wǎng)上很常見(jiàn)的代碼，#是標(biāo)簽內(nèi)置的一個(gè)方法，代表top的作用。所以用這種方法點(diǎn)擊后網(wǎng)頁(yè)后返回到頁(yè)面的最頂端。
4.a href="#" rel="external nofollow" rel="external nofollow" onclick="method();return false;"
這種方法點(diǎn)擊執(zhí)行了js函數(shù)后return false，阻止了事件本身的默認(rèn)行為，頁(yè)面不發(fā)生跳轉(zhuǎn)，執(zhí)行后還是在頁(yè)面的當(dāng)前位置。
以上就是本文的全部?jī)?nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助，同時(shí)也希望多多支持腳本之家！
- a標(biāo)簽置灰不可點(diǎn)擊的實(shí)現(xiàn)方法
- JS中如何實(shí)現(xiàn)點(diǎn)擊a標(biāo)簽返回頁(yè)面頂部的問(wèn)題
- js 點(diǎn)擊a標(biāo)簽 獲取a的自定義屬性方法
- 使用JS或jQuery模擬鼠標(biāo)點(diǎn)擊a標(biāo)簽事件代碼
- Js實(shí)現(xiàn)當(dāng)前點(diǎn)擊a標(biāo)簽變色突出顯示其他a標(biāo)簽回復(fù)原色
- JS 實(shí)現(xiàn)點(diǎn)擊a標(biāo)簽的時(shí)候讓其背景更換
- IE6下通過(guò)a標(biāo)簽點(diǎn)擊切換圖片的問(wèn)題
相關(guān)文章
JavaScript數(shù)組方法-系統(tǒng)性總結(jié)詳解
本文是小編給大家特意整理的關(guān)于js數(shù)組方法的知識(shí)，非常實(shí)用，在面試筆試題中經(jīng)常用得到，有需要的朋友可以參考下2021-09-09
Firefox/Chrome/Safari的中可直接使用$/$$函數(shù)進(jìn)行調(diào)試
偶然發(fā)現(xiàn)的，頁(yè)面中沒(méi)有引入Prototype和jQuery。控制臺(tái)中敲$卻發(fā)現(xiàn)是一個(gè)函數(shù)。又試著敲$$，也是個(gè)function2012-02-02
uniapp介紹與使用以及小程序?qū)崟r(shí)獲取視頻播放時(shí)間
這篇文章主要給大家介紹了關(guān)于uniapp介紹與使用以及小程序?qū)崟r(shí)獲取視頻播放時(shí)間的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用uniapp具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2023-02-02
COM組件中調(diào)用JavaScript函數(shù)詳解及實(shí)例
這篇文章主要介紹了COM組件中調(diào)用JavaScript函數(shù)詳解及實(shí)例的相關(guān)資料,需要的朋友可以參考下2017-02-02
uniapp開(kāi)發(fā)H5使用formData上傳文件解決方案
我們很多時(shí)候上傳文件就是使用FormData,然而uniapp默認(rèn)不支持FormData類型數(shù)據(jù)的上傳,下面這篇文章主要給大家介紹了關(guān)于uniapp開(kāi)發(fā)H5使用formData上傳文件的相關(guān)資料,需要的朋友可以參考下2023-12-12
firefox 和 ie 事件處理的細(xì)節(jié),研究,再研究 書(shū)寫(xiě)同時(shí)兼容ie和ff的事件處理代碼
firefox 和 ie 事件處理的細(xì)節(jié),研究,再研究 書(shū)寫(xiě)同時(shí)兼容ie和ff的事件處理代碼2007-04-04
這篇文章主要介紹了微信小程序wepy框架筆記小結(jié)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
基于JQuery模仿蘋(píng)果桌面的Dock效果(初級(jí)版)
新的一天新的開(kāi)始，今天要分享的是用JQuery模仿蘋(píng)果操作系統(tǒng)桌面的Dock效果，之所以稱之為初級(jí)版，是因?yàn)槠渲羞€有一些bug，顯示效果并不穩(wěn)定2012-10-10
數(shù)組如何求最大值，想必很多的朋友都不會(huì)吧，本文為大家介紹下javascript中數(shù)組是如何求最大值的，感興趣的朋友不要錯(cuò)過(guò)2013-12-12
這篇文章主要介紹了JavaScript中的常用算法與函數(shù)。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-11-11