當我們在處理a標簽上的點擊事件時發現即使href=""裡面為空,點擊事件的效果也不明顯,這種情況該如何處理呢?常見的處理方法有以下幾種:
1.a href="javascript:void(0);" rel="external nofollow" onclick="method()"
這種方法是比較最常用的方法,也是最周全的方法,onclick方法負責執行js函數,而void是一個操作符,void(0)返回undefined,地址不發生跳轉。而且這種方法不會像第一種方法一樣直接將js方法暴露在浏覽器的狀態欄。
2.a href="javascript:;" rel="external nofollow" onclick="method()"
這種方法跟跟2種類似,區別只是執行了一條空的js代碼。
3.a href="#" rel="external nofollow" rel="external nofollow" onclick="method()"
這種方法也是網上很常見的代碼,#是標簽內置的一個方法,代表top的作用。所以用這種方法點擊後網頁後返回到頁面的最頂端。
4.a href="#" rel="external nofollow" rel="external nofollow" onclick="method();return false;"
這種方法點擊執行了js函數後return false,阻止了事件本身的默認行為,頁面不發生跳轉,執行後還是在頁面的當前位置。
以上就是本文的全部內容,希望本文的內容對大家的學習或者工作能帶來一定的幫助,同時也希望多多支持!