javascript中a標籤點擊事件詳解

本文將詳細介紹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中文網其他相關文章！