js a標(biāo)簽點擊事件
當(dāng)我們在處理a標(biāo)簽上的點擊事件時發(fā)現(xiàn)即使href=""里面為空,點擊事件的效果也不明顯,這種情況該如何處理呢?常見的處理方法有以下幾種:
1.a href="javascript:void(0);" rel="external nofollow" onclick="method()"
這種方法是比較最常用的方法,也是最周全的方法,onclick方法負(fù)責(zé)執(zhí)行js函數(shù),而void是一個操作符,void(0)返回undefined,地址不發(fā)生跳轉(zhuǎn)。而且這種方法不會像第一種方法一樣直接將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)上很常見的代碼,#是標(biāo)簽內(nèi)置的一個方法,代表top的作用。所以用這種方法點擊后網(wǎng)頁后返回到頁面的最頂端。
4.a href="#" rel="external nofollow" rel="external nofollow" onclick="method();return false;"
這種方法點擊執(zhí)行了js函數(shù)后return false,阻止了事件本身的默認(rèn)行為,頁面不發(fā)生跳轉(zhuǎn),執(zhí)行后還是在頁面的當(dāng)前位置。
以上就是本文的全部內(nèi)容,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助,同時也希望多多支持腳本之家!
相關(guān)文章
JavaScript數(shù)組方法-系統(tǒng)性總結(jié)詳解
本文是小編給大家特意整理的關(guān)于js數(shù)組方法的知識,非常實用,在面試筆試題中經(jīng)常用得到,有需要的朋友可以參考下2021-09-09
Firefox/Chrome/Safari的中可直接使用$/$$函數(shù)進行調(diào)試
偶然發(fā)現(xiàn)的,頁面中沒有引入Prototype和jQuery。控制臺中敲$卻發(fā)現(xiàn)是一個函數(shù)。又試著敲$$,也是個function2012-02-02
uniapp介紹與使用以及小程序?qū)崟r獲取視頻播放時間
這篇文章主要給大家介紹了關(guān)于uniapp介紹與使用以及小程序?qū)崟r獲取視頻播放時間的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),對大家學(xué)習(xí)或者使用uniapp具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2023-02-02
COM組件中調(diào)用JavaScript函數(shù)詳解及實例
這篇文章主要介紹了COM組件中調(diào)用JavaScript函數(shù)詳解及實例的相關(guān)資料,需要的朋友可以參考下2017-02-02
uniapp開發(fā)H5使用formData上傳文件解決方案
我們很多時候上傳文件就是使用FormData,然而uniapp默認(rèn)不支持FormData類型數(shù)據(jù)的上傳,下面這篇文章主要給大家介紹了關(guān)于uniapp開發(fā)H5使用formData上傳文件的相關(guān)資料,需要的朋友可以參考下2023-12-12
firefox 和 ie 事件處理的細(xì)節(jié),研究,再研究 書寫同時兼容ie和ff的事件處理代碼
firefox 和 ie 事件處理的細(xì)節(jié),研究,再研究 書寫同時兼容ie和ff的事件處理代碼2007-04-04

