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種類(lèi)似，區(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使用uploadify來(lái)實(shí)現(xiàn)多文件上傳
本篇文章主要介紹了Javascript使用uploadify來(lái)實(shí)現(xiàn)多文件上傳，具有一定的參考價(jià)值，有需要的可以了解一下。2016-11-11
JS實(shí)現(xiàn)隨機(jī)生成10個(gè)手機(jī)號(hào)的方法示例
這篇文章主要介紹了JS實(shí)現(xiàn)隨機(jī)生成10個(gè)手機(jī)號(hào)的方法,涉及javascript數(shù)值運(yùn)算與隨機(jī)數(shù)操作相關(guān)使用技巧,需要的朋友可以參考下2018-12-12
javascript 動(dòng)態(tài)參數(shù)判空操作
在做交友中心的頁(yè)面的時(shí)候，有一個(gè)javascript函數(shù)，它的第二個(gè)參數(shù)是動(dòng)態(tài)的。2008-12-12
這篇文章主要介紹了JS 獲取瀏覽器和屏幕寬高等信息的具體實(shí)現(xiàn),需要的朋友可以參考下2014-03-03
JavaScript sort數(shù)組排序方法和自我實(shí)現(xiàn)排序方法小結(jié)
這篇文章主要介紹了JavaScript sort數(shù)組排序方法和自我實(shí)現(xiàn)排序方法小結(jié)的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值，需要的朋友可以參考下2016-06-06
這篇文章主要介紹了小程序中父子組件通信詳解，在父組件中，為子組件添加屬性數(shù)據(jù)，即可實(shí)現(xiàn)父組件向子組件通信，文章通過(guò)圍繞主題展開(kāi)詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下2022-11-11
JS 自動(dòng)完成 AutoComplete(Ajax 查詢)
實(shí)現(xiàn)類(lèi)似于百度或谷歌的搜索下拉列表的，就是打開(kāi)百度往里輸入你要查詢的條件，只要你一輸入他就自動(dòng)彈出一個(gè)下拉列表框，并顯示相關(guān)所有搜索內(nèi)容2009-07-07
這篇文章主要介紹了AutoJs實(shí)現(xiàn)刷寶短視頻的思路詳解,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-05-05
讓javascript加載速度倍增的方法(解決JS加載速度慢的問(wèn)題)
這篇文章主要介紹了讓javascript加載速度倍增的方法,通過(guò)document.write輸出js解決廣告加載速度慢的問(wèn)題,需要的朋友可以參考下2014-12-12
其實(shí)為js文件傳參是很久就接觸過(guò)的一個(gè)問(wèn)題，只是一直沒(méi)有放在心上，今天在無(wú)憂看到又有人問(wèn)這個(gè)問(wèn)題，今日總結(jié)一下。2010-05-05