首頁  >  文章  >  web前端  >  a標籤href屬性與onclick事件的比較介紹_HTML/Xhtml_網頁製作

a標籤href屬性與onclick事件的比較介紹_HTML/Xhtml_網頁製作

WBOY
WBOY原創
2016-05-16 16:39:351090瀏覽

先說一下, href屬性和onclick事件的執行順序,當滑鼠點擊a標籤的時候會先執行onclick事件, 然後才是href 屬性下的動作(頁面跳轉,或javascript 偽連結),如果不想執行href 屬性下的動作執行,onclick 需要要回傳false ,一般是這樣寫onclick="xxx();return false。

href屬性裡面如何執行javascript程式碼表達式及規範寫法

「在Javascript中void是一個運算子,該運算子指定要計算一個表達式但不傳回值。

void 運算子用法格式如下:

1. javascript:void (expression)
2. javascript:void expression

expression 是一個要計算的 Javascript 標準的表達式。表達式外側的圓括號是選的,但是寫上去是個好習慣。 (實作版本 Navigator 3.0)

你以使用 void 運算子指定超級連結。表達式會被計算但是不會當前文件處裝入任何內容。 ”

href=#包含了一個位置資訊預設的錨是#top 也就是網頁的上端 ,而javascript:void(0) 僅僅表示一個死鏈接,沒有任何資訊。所以呼叫腳本的時候最好用void(0)

href一般是指向一個URL位址,也可以呼叫javascript ,如href="javascript:xxx();",文件中推薦這樣寫:xx,但是這種方法在複雜環境有時會產生奇怪的問題,盡量不要用javascript:協議做為A的href屬性,這樣不僅會導致不必要的觸發window.onbeforeunload事件,在IE裡面更會使gif動畫圖片停止播放。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn