DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript技巧 >> js a標簽點擊事件
js a標簽點擊事件
編輯:JavaScript技巧     

當我們在處理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,阻止了事件本身的默認行為,頁面不發生跳轉,執行後還是在頁面的當前位置。

以上就是本文的全部內容,希望本文的內容對大家的學習或者工作能帶來一定的幫助,同時也希望多多支持!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved