a標(biāo)簽的href與onclick事件的區(qū)別詳解
onclick中javascript的區(qū)別一般沒(méi)用到都沒(méi)注意,但出錯(cuò)時(shí)才有些郁悶,看文本章解釋如下:
以前一直很隨意,后來(lái)看.net里的linkbutton似乎是用在<a href="javascript:fun();"...>的形式,今天用這種方式就遇到一些問(wèn)題,摘網(wǎng)友的文章和我的結(jié)論放在下面:
1.鏈接的 onclick 事件被先執(zhí)行,其次是 href 屬性下的動(dòng)作(頁(yè)面跳轉(zhuǎn),或 javascript 偽鏈接);
2.假設(shè)鏈接中同時(shí)存在 href 與 onclick,如果想讓 href 屬性下的動(dòng)作不執(zhí)行,onclick 必須得到一個(gè) false 的返回值。不信,你可以將 goGoogle 函數(shù)中的 return false 注釋掉;
3.如果頁(yè)面過(guò)長(zhǎng)有滾動(dòng)條,且希望通過(guò)鏈接的 onclick 事件執(zhí)行操作。應(yīng)將它的 href 屬性設(shè)為 javascript:void(0);,而不要是 #,這可以防止不必要的頁(yè)面跳動(dòng);
4.如果在鏈接的 href 屬性中調(diào)用一個(gè)有返回值的函數(shù),當(dāng)前頁(yè)面的內(nèi)容將被此函數(shù)的返回值代替;
5.在按住Shift鍵的情況下會(huì)有所區(qū)別。
6.今天我遇到的問(wèn)題,在IE6.0里以href的形式訪問(wèn)不到parentNode。
7.盡量不要用javascript:協(xié)議做為A的href屬性,這樣不僅會(huì)導(dǎo)致不必要的觸發(fā)window.onbeforeunload事件,在IE里面更會(huì)使gif動(dòng)畫(huà)圖片停止播放。
就這些,花了不少時(shí)間在這上面。
[緣由]
用CheckBoxList控件時(shí)想實(shí)現(xiàn)在每個(gè)checkbox后再加鏈接的功能,點(diǎn)鏈接實(shí)現(xiàn)一些功能之外,還要把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來(lái)實(shí)現(xiàn)的。
<a href="javascript:void(0)" onclick="defineField(this);return false">ClickToDefine</a>
相關(guān)文章
Javascript中自動(dòng)切換焦點(diǎn)實(shí)現(xiàn)代碼
本文提供Javascript中自動(dòng)切換焦點(diǎn)實(shí)例代碼,需要了解的朋友可以參考下2012-12-12
Javascript學(xué)習(xí)筆記之函數(shù)篇(五) : 構(gòu)造函數(shù)
javascript本身是沒(méi)有類的概念,只有函數(shù)的概念。javascript的類實(shí)際上也是一個(gè)javascript的函數(shù),在這個(gè)特殊的函數(shù)中間可以包含變量和其他javascript函數(shù)的引用。那么這個(gè)特殊的函數(shù)本身就是javascript所謂類的構(gòu)造函數(shù)。2014-11-11
JavaScript中用let語(yǔ)句聲明作用域的用法講解
首先要注意let是ES6中的東西,起碼是IE10之前的IE瀏覽器兼容要千萬(wàn)當(dāng)心!嗯...然后我們來(lái)看JavaScript中用let語(yǔ)句聲明作用域的用法講解2016-05-05
JavaScript中函數(shù)的常用寫(xiě)法及調(diào)用方法
這篇文章介紹了JavaScript中函數(shù)的常用寫(xiě)法及調(diào)用方法,文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-06-06
JavaScript fontcolor方法入門(mén)實(shí)例(按照指定的顏色來(lái)顯示字符串)
這篇文章主要介紹了JavaScript fontcolor方法入門(mén)實(shí)例,fontcolor方法用于按照指定的顏色來(lái)顯示字符串,需要的朋友可以參考下2014-10-10

