<a>標籤的href和onclick屬性【轉】

標籤：blog   http   io   ar   使用   sp   java   for   strong   

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是一個操作符，該操作符指定要計算一個運算式但是不傳回值。

void 操作符用法格式如下： 1. javascript:void (expression) 2. javascript:void expression

expression 是一個要計算的 Javascript 標準的運算式。運算式外側的圓括弧是選的，但是寫上去是一個好習慣。 (實現版本 Navigator 3.0)

你以使用 void 操作符指定超級連結。運算式會被計算但是不會在當前文檔處裝入任何內容。

下面的代碼建立了一個超級連結，當使用者點擊以後不會發生任何事。當使用者連結時，void(0) 計算為 0，但 Javascript 上沒有任何效果。

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

下面的代碼建立了一個超級連結，使用者單擊時會提交表單。

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

下面代碼則執行了subgo()函數，

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

在這裡，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;".

原文地址：http://www.cnblogs.com/happykakeru/archive/2011/10/24/2222702.html

<a>標籤的href和onclick屬性【轉】