A的href和onclick
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;
}