我以前在寫72d4ced2cc960a6bc2541984146fdaaa的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())">
單此處提交表單63505a6f727f70c8bd4066f3066dcb9d
#下面程式碼則執行了subgo()函數,
<a href="javascript:void(0)" onclick="subgo()">点我</a>
在這裡,javascript:void(0),沒啟實質上的作用,它僅僅是一個死鏈接,執行的函數是subgo()。
点我与<a href="javascript:void(0)" onclick="subgo()">点我</a>区别。
實際上 #包含了一個位置資訊預設的錨是#top 也就是網頁的上端 ,而javascript:void(0) 僅僅表示一個死鏈接,沒有任何資訊。所以呼叫腳本的時候最好用void(0)
href一般是指向一個URL位址,也可以呼叫javascript ,如href="javascript:xxx();",文檔中推薦這樣寫:97645ab94f319ea0ad8ad3c2666043a5xx5db79b134e9f6b82c0b36e0489ee08ed,但是這種方法在複雜環境有時會產生奇怪的問題,盡量不要用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><p class=""+TAB_STYLE_LEFT+""></p></td>"; strHTML +="<td nowarp class=""+TAB_STYLE_MID+"">"; strHTML +="<p style="white-space:nowrap;page-break-before: always;page-break-after: always;">"; strHTML += tabpage.getTitle(); strHTML +="</p></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 +="<p></p></a>"; }else{ strHTML +="<p class="close"></p></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 +="<p></p></a>"; }else{ strHTML +="<p class="reload"></p></a>"; } strHTML +="</td>"; } strHTML +="<td><p class=""+TAB_STYLE_RIGHT+""></p></p>"; 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; }
以上是html中a標籤的href和onclick具體介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!