我們?cè)谥谱骶W(wǎng)頁(yè)的時(shí)候用得最多的就是 A 標(biāo)簽 超連接
但有時(shí)候需要在 A 里同時(shí)用到 href 和 onclick屬性 下面我們先來(lái)分析一下 ,在不同的瀏覽器下有不同的效果
ie 6 : href 先觸發(fā) onclick 后觸發(fā)
其他瀏覽器 先觸發(fā)onlick 后觸發(fā) href
2 href="javascript: xxx()"
不能傳入this作為參數(shù)
onclick可以
<a href="javascript:alert('href event');" onclick="clickevent(this);">
3 優(yōu)先觸發(fā)的方法如果返回 false 導(dǎo)致后一個(gè)事件不被觸發(fā)
比如
<a href="javascript:alert('href event');" onclick="clickevent(this); return false;">
4
<a href="#"> 會(huì)導(dǎo)致頁(yè)面定位到書(shū)簽位置,
5
由于 1和 4 的原因
在ie6 下 同時(shí)有 <a href="#" 和 onclick的時(shí)候 由于頁(yè)面先因?yàn)閔ref重新載入了一次,導(dǎo)致 onclick事件被瀏覽器丟棄。
6 總結(jié):
1) 在不需要傳遞this作為方法的參數(shù)時(shí)候,推薦
只使用href="JavaScript: "
2) 如果需要使用this參數(shù),推薦
<a href="javascript:void(0);" onclick="doSomthing(this)" >
var href=0
function clicka(obj)
{
if (href==2)
{
obj.href="http://www.86p.com/?qc";
}else
{
href++;
}
return true;
}