在a標籤的href與onclick中使用javascript的區別
在a標籤的href與onclick中使用javascript的區別
以前一直很隨意,後來看.net裡的linkbutton似乎是用在<a href="javascript:fun();"...>的形式,
今天用這種方式就遇到一些問題,摘網友的文章和我的結論放在下面:
- 連結的
onclick
事件被先執行,其次是href
屬性下的動作(頁面跳轉,或 javascript 偽連結); - 假設連結中同時存在
href
與onclick
,如果想讓href
屬性下的動作不執行,onclick
必須得到一個false
的返回值。不信,你可以將goGoogle
函式中的return false
註釋掉; - 如果頁面過長有滾動條,且希望通過連結的
onclick
事件執行操作。應將它的href
屬性設為javascript:void(0);
,而不要是#
,這可以防止不必要的頁面跳動; - 如果在連結的
href
屬性中呼叫一個有返回值的函式,當前頁面的內容將被此函式的返回值代替; - 在按住Shift鍵的情況下會有所區別。
- 今天我遇到的問題,在IE6.0裡以href的形式訪問不到parentNode。
- 儘量不要用javascript:協議做為A的href屬性,這樣不僅會導致不必要的觸發window.onbeforeunload事件,在IE裡面更會使gif動畫圖片停止播放。
就這些,花了不少時間在這上面。
[緣由]
用CheckBoxList控制元件時想實現在每個checkbox後再加連結的功能,點連結實現一些功能之外,還要把checkbox選中。
<input type="checkbox" name="chk" id="chk">
<label for="chk">選中它<a onclick="this.parentNode.click();" href="#" style="border:solid 1px blue;">[label中的連結]</a></label>
最後用parentNode來實現的。
轉帖於: http://www.cnblogs.com/nonlyli/archive/2007/04/11/709599.html
相關文章
- html中a標籤中的onclick和href的使用--轉載HTML
- onclick與click事件的區別事件
- 淺談src與href的區別
- Javascript中“==”與“===”的區別JavaScript
- Git tag標籤與branch分支的區別Git
- href 和 src 的區別
- 標籤上title與alt屬性的區別
- MyBatis中的<where>標籤和where子句的區別MyBatis
- JavaScript各類標籤的使用JavaScript
- 在JavaScript中,DOM物件與jQuery物件的區別與轉換JavaScript物件jQuery
- onclick="return check()" 和 onclick="check()" 區別
- Meta標籤中name和http-equiv的區別HTTPUI
- Git tag標籤與branch分支 區別Git
- mybatis的 choose -- when test -- otherwise 標籤和 if test 標籤的區別MyBatis
- HTML中的標籤的使用HTML
- url、href、src區別
- JavaScript 中substr與 substring 的區別JavaScript
- JavaScript如何獲取元素的標籤型別JavaScript型別
- JavaScript中的“=、==、===”區別JavaScript
- javascript刪除字串中的html標籤JavaScript字串HTML
- Jstl中標籤的使用JS
- 詢問html:frame標籤的action、page、href、forward引數.HTMLForward
- onclick和onmousedown事件區別事件
- HTML標籤(基本標籤的使用)HTML
- java <%!%>標籤和<%%>標籤的使用Java
- JavaScript中for in 和for of的區別JavaScript
- JavaScript中==和===的區別JavaScript
- Asp.Net 不同區別的 OnClick ( onserverclick, onclientclick )ASP.NETServerclient
- 標籤的readonly和disabled屬性的區別
- Jsp中param標籤的使用JS
- window.location.href與window.location.hash區別
- 在 JavaScript 中,exec() 和 match() 區別JavaScript
- JavaScript中apply、call、bind的區別與用法JavaScriptAPP
- maven中的scope標籤類別詳解Maven
- 30. JavaScript中的“=、 =、===”區別?JavaScript
- JavaScript中的“undefined、null”區別?JavaScriptUndefinedNull
- TypeScript 中函式的理解?與 JavaScript 函式的區別?TypeScript函式JavaScript
- ESLint對a標籤href屬性警告解決方法EsLint