這篇文章將為大家詳細(xì)講解有關(guān)Html的a標(biāo)簽中href和onclick用法區(qū)別是什么，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

創(chuàng)新互聯(lián)公司專(zhuān)注于赤峰林西企業(yè)網(wǎng)站建設(shè),自適應(yīng)網(wǎng)站建設(shè),購(gòu)物商城網(wǎng)站建設(shè)。赤峰林西網(wǎng)站建設(shè)公司,為赤峰林西等地區(qū)提供建站服務(wù)。全流程按需網(wǎng)站建設(shè)，專(zhuān)業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，創(chuàng)新互聯(lián)公司專(zhuān)業(yè)和態(tài)度為您提供的服務(wù)

如果不設(shè)置 href屬性在IE6下面會(huì)不響應(yīng)hover。雙擊后會(huì)選中標(biāo)簽的父容器而非這個(gè)一a標(biāo)簽（IE下都存在這一問(wèn)題）。

代碼如下

假定我們有個(gè)fn方法，需要取到這個(gè)元素，第一個(gè)方法傳入的this是空值。

所以，比較推薦的寫(xiě)法是

代碼如下

下面代碼則執(zhí)行了subgo()函數(shù)，

代碼如下

點(diǎn)我

在這里，javascript:void(0),沒(méi)啟實(shí)質(zhì)上的作用，它僅僅是一個(gè)死鏈接，執(zhí)行的函數(shù)是subgo()。

代碼如下

點(diǎn)我與點(diǎn)我區(qū)別。

實(shí)際上 #包含了一個(gè)位置信息默認(rèn)的錨是#top 也就是網(wǎng)頁(yè)的上端 ，而javascript:void(0) 僅僅表示一個(gè)死鏈接，沒(méi)有任何信息。所以調(diào)用腳本的時(shí)候最好用void(0)

href一般是指向一個(gè)URL地址，也可以調(diào)用javascript ,如href="javascript:xxx();",文檔中推薦這樣寫(xiě)：

代碼如下

xx

但是這種方法在復(fù)雜環(huán)境有時(shí)會(huì)產(chǎn)生奇怪的問(wèn)題，盡量不要用javascript:協(xié)議做為A的href屬性，這樣不僅會(huì)導(dǎo)致不必要的觸發(fā)window.onbeforeunload事件，在IE里面更會(huì)使gif動(dòng)畫(huà)圖片停止播放。

我們知道鏈接的 onclick 事件被先執(zhí)行，其次是 href 屬性下的動(dòng)作（頁(yè)面跳轉(zhuǎn)，或 javascript 偽鏈接），如果不想執(zhí)行href 屬性下的動(dòng)作執(zhí)行，onclick 需要要返回 false ，一般是這樣寫(xiě)onclick="xxx();return false;".

TabPane的JS源碼，由于onclick沒(méi)有返回FALSE，當(dāng)IFRMAE中關(guān)閉TABPANE時(shí)會(huì)導(dǎo)致href執(zhí)行，頁(yè)面顯示有問(wèn)題。解決辦法就是將下面代碼復(fù)制到使用TAB的JSP中。

Html A標(biāo)簽中 href 和 onclick 同時(shí)使用的問(wèn)題 優(yōu)先級(jí)別

1 順序

ie 6 : href 先觸發(fā) onclick 后觸發(fā)

其他瀏覽器 先觸發(fā)onlick 后觸發(fā) href

2 href="javascript: xxx()"

不能傳入this作為參數(shù)

onclick可以

代碼如下

3 優(yōu)先觸發(fā)的方法如果返回 false 導(dǎo)致后一個(gè)事件不被觸發(fā)

比如

代碼如下

4

會(huì)導(dǎo)致頁(yè)面定位到書(shū)簽位置，

5

由于 1和 4 的原因

在ie6 下 同時(shí)有

6 總結(jié)：

1) 在不需要傳遞this作為方法的參數(shù)時(shí)候，推薦

只使用href="JavaScript: "

2) 如果需要使用this參數(shù)，推薦

代碼如下

如下面一個(gè)列子。

我們需要A在第一次和第二次點(diǎn)擊的時(shí)候 訪(fǎng)問(wèn) href 第3次以后的就訪(fǎng)問(wèn)另一個(gè)地址

代碼如下

var href=0
function clicka(obj)
{
 if (href==2)
 {
 obj.;
 }else
 {
 href++;
 }
 return true;
}
  開(kāi)屏高速下載 

在a標(biāo)簽的href與onclick中使用javascript的區(qū)別

鏈接的 onclick 事件被先執(zhí)行，其次是 href 屬性下的動(dòng)作（頁(yè)面跳轉(zhuǎn)，或 javascript 偽鏈接）；

假設(shè)鏈接中同時(shí)存在 href 與 onclick，如果想讓 href 屬性下的動(dòng)作不執(zhí)行，onclick 必須得到一個(gè) false 的返回值。不信，你可以將 goGoogle 函數(shù)中的 return false 注釋掉；

如果頁(yè)面過(guò)長(zhǎng)有滾動(dòng)條，且希望通過(guò)鏈接的 onclick 事件執(zhí)行操作。應(yīng)將它的 href 屬性設(shè)為 javascript:void(0);，而不要是 #，這可以防止不必要的頁(yè)面跳動(dòng)；

如果在鏈接的 href 屬性中調(diào)用一個(gè)有返回值的函數(shù)，當(dāng)前頁(yè)面的內(nèi)容將被此函數(shù)的返回值代替；

在按住Shift鍵的情況下會(huì)有所區(qū)別。

今天我遇到的問(wèn)題，在IE6.0里以href的形式訪(fǎng)問(wèn)不到parentNode。

盡量不要用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選中。

代碼如下

選中它[label中的鏈接]

最后用parentNode來(lái)實(shí)現(xiàn)的。

關(guān)于Html的a標(biāo)簽中href和onclick用法區(qū)別是什么就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到。