首頁 > web前端 > js教程 > javascript中a標籤點擊事件詳解

javascript中a標籤點擊事件詳解

零下一度
發布: 2017-04-19 11:08:10
原創
3293 人瀏覽過

本文將詳細介紹a標籤上的點擊事件的相關知識。具有很好的參考價值,下面跟著小編一起來看下吧

#當我們在處理a標籤上的點擊事件時發現即使href=""裡面為空,點擊事件的效果也不明顯,這種情況該如何處理呢?常見的處理方法有以下幾種:

a href="javascript:void(0);" rel="external nofollow" onclick="method()"
登入後複製

這種方法是比較最常用的方法,也是最周全的方法,onclick方法負責執行js函數,而void是一個運算符,void(0)回傳undefined,位址不發生跳轉。而且這種方法不會像第一種方法一樣直接將js方法暴露在瀏覽器的狀態列中。

a href="javascript:;" rel="external nofollow" onclick="method()"
登入後複製

這種方法跟跟2種類似,差異只是執行了一條空的js程式碼。

a href="#" rel="external nofollow" rel="external nofollow" onclick="method()"
登入後複製

這種方法也是網路上很常見的程式碼,#是標籤內建的一個方法,代表top的作用。所以用這種方法點擊後網頁後再回到頁面的最頂端。

a href="#" rel="external nofollow" rel="external nofollow" onclick="method();return false;"
登入後複製

這種方法點擊執行了js函數後return false,阻止了事件本身的預設行為,頁面不發生跳轉,執行後還是在頁面的目前位置。

以上是javascript中a標籤點擊事件詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
js
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板