【轉載】標籤的href和onclick屬性

  1. 連接的onclick 事件被先執行,其次是href屬性下的動做(頁面跳轉,或 javascript 僞連接);
  2. 假設連接中同時存在href 與onclick,若是想讓href 屬性下的動做不執行,onclick 必須獲得一個false的返回值;
  3. 若是頁面過長有滾動條,且但願經過連接的 onclick 事件執行操做。應將它的 href 屬性設爲 javascript:void(0);,而不要是 #,這能夠防止沒必要要的頁面跳動;
  4. 若是在連接的 href屬性中調用一個有返回值的函數,當前頁面的內容將被此函數的返回值代替;
  5. 在按住Shift鍵的狀況下會有所區別。
  6. 今天我遇到的問題,在IE6.0裏以href的形式訪問不到parentNode。
  7. 儘可能不要用javascript:協議作爲A的href屬性,這樣不只會致使沒必要要的觸發window.onbeforeunload事件,在IE裏面更會使gif動畫圖片中止播放。

在Javascript中void是一個操做符,該操做符指定要計算一個表達式可是不返回值。javascript

void 操做符用法格式以下: 1. javascript:void (expression) 2. javascript:void expressionjava

expression 是一個要計算的 Javascript 標準的表達式。表達式外側的圓括號是選的,可是寫上去是一個好習慣。 (實現版本 Navigator 3.0)express

你以使用 void 操做符指定超級連接。表達式會被計算可是不會在當前文檔處裝入任何內容。函數

下面的代碼建立了一個超級連接,當用戶點擊之後不會發生任何事。當用戶連接時,void(0) 計算爲 0,但 Javascript 上沒有任何效果。動畫

<A HREF="javascript:void(0)">單此處什麼也不會發生</A>code

下面的代碼建立了一個超級連接,用戶單擊時會提交表單。orm

<A HREF="javascript:void(document.form.submit())"> 
單此處提交表單</A>事件

下面代碼則執行了subgo()函數,圖片

<a href="javascript:void(0)" onclick="subgo()">點我</a>ip

在這裏,javascript:void(0),沒啓實質上的做用,它僅僅是一個死連接,執行的函數是subgo()。

<a href="#" onclick="subgo()">點我</a>與<a href="javascript:void(0)" onclick="subgo()">點我</a>區別。

實際上 #包含了一個位置信息默認的錨是#top 也就是網頁的上端 ,而javascript:void(0) 僅僅表示一個死連接,沒有任何信息。因此調用腳本的時候最好用void(0)

    href通常是指向一個URL地址,也能夠調用javascript ,如href="javascript:xxx();",文檔中推薦這樣寫:<a href=" javascript:void(0)" onclick="xxx();">xx</a>,可是這種方法在複雜環境有時會產生奇怪的問題,儘可能不要用javascript:協議作爲A的href屬性,這樣不只會致使沒必要要的觸發window.onbeforeunload事件,在IE裏面更會使gif動畫圖片中止播放。

    連接的 onclick 事件被先執行,其次是 href 屬性下的動做(頁面跳轉,或 javascript 僞連接),若是不想讓href 屬性下的動做執行,onclick 須要要返回 false ,通常是這樣寫onclick="xxx();return false;".

相關文章
相關標籤/搜索