http://gocom.primeton.com/blog21307_27051.htm

我以前在寫<A>的href和onclick一直很隨意，後來出過幾次問題，以後才開始重視這個問題：

首先摘錄一篇文件：

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

 TabPane的JS原始碼，由於onclick沒有返回FALSE，當IFRMAE中關閉TABPANE時會導致href執行，頁面顯示有問題。解決辦法就是將下面程式碼複製到使用TAB的JSP中。

TabPane.prototype.appendTitle = function(tabpage){
  var td = $create("td");
  var strHTML = "<table class="" + TAB_STYLE_TABLE  + "" border="0" cellspacing="0" cellpadding="0"><tr>";
  strHTML +="<td><div class=""+TAB_STYLE_LEFT+""></div></td>";
  strHTML +="<td nowarp class=""+TAB_STYLE_MID+"">";
  strHTML +="<div style="white-space:nowrap;page-break-before: always;page-break-after: always;">";
  strHTML += tabpage.getTitle();
  strHTML +="</div></td>";
  if(tabpage.showCloseButton){
   strHTML +="<td nowarp class=""+TAB_STYLE_MID+"">";
   strHTML +="<a class="close" href="#" onclick="$o(\"" + this.id + "\").getTab(\"" + tabpage.id + "\").close();return false;">";
   if(isIE){
    strHTML +="<div></div></a>";
   }else{
    strHTML +="<div class="close"></div></a>";
   }
   strHTML +="</td>";
  }
  if(tabpage.allowReload){
   strHTML +="<td nowarp class=""+TAB_STYLE_MID+"">";
   strHTML +="<a class="reload" href="#" onclick="$o(\"" + this.id + "\").getTab(\"" + tabpage.id + "\").reload();return false;">";
   if(isIE){
    strHTML +="<div></div></a>";
   }else{
    strHTML +="<div class="reload"></div></a>";
   }
   strHTML +="</td>";
  }
  strHTML +="<td><div class=""+TAB_STYLE_RIGHT+""></div></div>";
  strHTML +="</td></tr></table>";
  td.className = TAB_STYLE_NOMAL + this.styleSuffix;
  td.innerHTML = strHTML;
  tabpage.__titleTD = td;
  tabpage.setTitleTD();
  tabpage.initStatus();
  this.__titleTR.insertBefore(td,this._titleTD);
  tabpage.titleWidth = td.offsetWidth;
}

<a href='javascript:function()'> 這樣寫是為了讓這個連結不要連結到新頁面轉而執行一段js程式碼。和onclick能起到同樣的效果，一般來說，如果要呼叫指令碼還是在onclick事件裡面寫程式碼，而不推薦在href='javascript:function()' 這樣的寫法，因為 href 屬性裡面設定了js程式碼後，在某些瀏覽器下可能會引發其他不必要的事件。造成非預期效果。而且 onclick事件會比 href屬性先執行，所以會先觸發 onclick 然後觸發href，所以如果不想頁面跳轉，可以設定 onclick裡面的js程式碼執行到最後返回一個false，這樣 href 裡面的東西就不會執行了。在ajax應用程式中，多寫著下面的這樣 ，以表示這個連結不跳轉，而執行一段js指令碼。<a href="javascript:void(0);" onclick="function()"></a>或者 <a href="javascript:;" onclick="function()"></a>void(0) 只是用來計算一個空值，其實也是什麼事情都不做，而分號“;”則表示是一個空的js語句，這樣就不會有任何其他跳轉發生了，而且W3C標準不推薦在href裡面執行javascript語句，所以還是用 onclick事件觸發吧

如果不設定 href屬性在IE6下面會不響應hover。雙擊後會選中標籤的父容器而非這個一a標籤（IE下都存在這一問題）。

假定我們有個fn方法，需要取到這個元素，第一個方法傳入的this是空值。

所以，比較推薦的寫法是

下面程式碼則執行了subgo()函式，

在這裡，javascript:void(0),沒啟實質上的作用，它僅僅是一個死連結，執行的函式是subgo()。

實際上 #包含了一個位置資訊預設的錨是#top 也就是網頁的上端 ，而javascript:void(0) 僅僅表示一個死連結，沒有任何資訊。所以呼叫指令碼的時候最好用void(0)

    href一般是指向一個URL地址，也可以呼叫javascript ,如href="javascript:xxx();",文件中推薦這樣寫：<

但是這種方法在複雜環境有時會產生奇怪的問題，儘量不要用javascript:協議做為A的href屬性，這樣不僅會導致不必要的觸發window.onbeforeunload事件，在IE裡面更會使gif動畫圖片停止播放。

    我們知道連結的 onclick 事件被先執行，其次是 href 屬性下的動作（頁面跳轉，或 javascript 偽連結），如果不想執行href 屬性下的動作執行，onclick 需要要返回 false ，一般是這樣寫onclick="xxx();return false;".

TabPane的JS原始碼，由於onclick沒有返回FALSE，當IFRMAE中關閉TABPANE時會導致href執行，頁面顯示有問題。解決辦法就是將下面程式碼複製到使用TAB的JSP中。

Html A標籤中 href 和 onclick 同時使用的問題 優先級別

1 順序 
ie 6 : href 先觸發 onclick 後觸發 
其他瀏覽器 先觸發onlick 後觸發 href

2 href="javascript: xxx()" 
不能傳入this作為引數 
onclick可以

3 優先觸發的方法如果返回 false 導致後一個事件不被觸發 
比如

4 
<a href="#"> 會導致頁面定位到書籤位置，

5 
由於 1和 4 的原因 
在ie6 下 同時有 <a href="#" 和 onclick的時候 由於頁面先因為href重新載入了一次，導致 onclick事件被瀏覽器丟棄。

6 總結： 
1) 在不需要傳遞this作為方法的引數時候，推薦 
只使用href="JavaScript: "

2) 如果需要使用this引數，推薦

 
如下面一個列子。
我們需要A在第一次和第二次點選的時候 訪問 href 第3次以後的就訪問另一個地址
 

在a標籤的href與onclick中使用javascript的區別 

連結的 onclick 事件被先執行，其次是 href 屬性下的動作（頁面跳轉，或 javascript 偽連結）； 
假設連結中同時存在 href 與 onclick，如果想讓 href 屬性下的動作不執行，onclick 必須得到一個 false 的返回值。不信，你可以將 goGoogle 函式中的 return false 註釋掉； 
如果頁面過長有滾動條，且希望通過連結的 onclick 事件執行操作。應將它的 href 屬性設為 javascript:void(0);，而不要是 #，這可以防止不必要的頁面跳動； 
如果在連結的 href 屬性中呼叫一個有返回值的函式，當前頁面的內容將被此函式的返回值代替； 
在按住Shift鍵的情況下會有所區別。
今天我遇到的問題，在IE6.0裡以href的形式訪問不到parentNode。
儘量不要用javascript:協議做為A的href屬性，這樣不僅會導致不必要的觸發window.onbeforeunload事件，在IE裡面更會使gif動畫圖片停止播放。
就這些，花了不少時間在這上面。

[緣由]
用CheckBoxList控制元件時想實現在每個checkbox後再加連結的功能，點連結實現一些功能之外，還要把checkbox選中。

最後用parentNode來實現的。