HTML中在a標簽中添加onclick事件


1.鏈接的onclick 事件被先執行,其次是href屬性下的動作;

2.假設鏈接中同時存在href 與onclick,如果想讓href 屬性下的動作不執行,onclick 必須得到一個false的返回值;

3.如果頁面過長有滾動條,且希望通過鏈接的 onclick 事件執行操作。應將它的 href 屬性設為 javascript:void(0);,而不要是 #,這可以防止不必要的頁面跳動;

4.如果在鏈接的 href屬性中調用一個有返回值的函數,當前頁面的內容將被此函數的返回值代替;

 

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM