首頁 >web前端 >js教程 >a標籤的href與onclick事件的差異詳解_基礎知識

a標籤的href與onclick事件的差異詳解_基礎知識

WBOY
WBOY原創
2016-05-16 16:31:312222瀏覽

onclick中javascript的差異一般沒用到都沒注意,但出錯時才有些鬱悶,看文本章解釋如下:

以前一直很隨意,後來看.net裡的linkbutton似乎是用在的形式,今天用這種方式就遇到一些問題,摘網友的文章和我的結論放在下面:

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

[緣由]
用CheckBoxList控制項時想實現在每個checkbox後面再加連結的功能,點連結實作一些功能之外,還要把checkbox選取。


最後用parentNode實現的。

ClickToDefine

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