html中對(duì)于a標(biāo)簽的onclick以及href的執(zhí)行順序詳細(xì)說(shuō)明

同時(shí)存在兩個(gè)定義的時(shí)候（onclick與href都定義了），如果想阻止href的動(dòng)作，在onclick必須加上return false; 一般是這樣寫(xiě)onclick="xxx();return false;".

在href中定義的函數(shù)如果有返回值的話(huà)，當(dāng)前頁(yè)面的內(nèi)容將被返回值代替

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

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

<a href="javascript:void(0)" onclick="fn(this)"> 
<a href="javascript:void(0);" onclick="javascript:goUrl('http://www.sina.com');return false;">跳轉(zhuǎn)3</a>
<a href="javascript:void(0)" onclick="subgo()">點(diǎn)我</a>

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

<a href="#" onclick="subgo()">點(diǎn)我</a>與<a href="javascript:void(0)" onclick="subgo()">點(diǎn)我</a>區(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ě)：<a href=" javascript:void(0)" onclick="xxx();">xx</a>,但是這種方法在復(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à)圖片停止播放。

點(diǎn)擊這樣一個(gè)鏈接時(shí)會(huì)有兩種情況發(fā)生，1、如果dosomthing返回true，那么瀏覽器就會(huì)發(fā)生跳轉(zhuǎn)到cool.html，相反如果返回false的話(huà)，就會(huì)忽略href。因此借住這個(gè)特性，我們可以寫(xiě)這樣的代碼......

<a href="cool.html" onclick = "doSomething()">做點(diǎn)什么吧</a>
function doSomething(){
return confirm("您確認(rèn)要離開(kāi)嗎");
}
function doSomething(){
var ret = confirm("確認(rèn)要離開(kāi)嗎?");
if(ret){
window.loaction.href = "cool.html";
}
}

以上就是html中關(guān)于a標(biāo)簽的onclick以及href的執(zhí)行順序詳解的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！