码迷,mamicode.com
首页 > Web开发 > 详细

A的href和onclick

时间:2016-08-06 12:56:47      阅读:150      评论:0      收藏:0      [点我收藏+]

标签:

我们在制作网页的时候用得最多的就是 A 标签 超连接

但有时候需要在 A 里同时用到 href 和 onclick属性 下面我们先来分析一下 ,在不同的浏览器下有不同的效果

1 顺序 
ie 6 : href 先触发 onclick 后触发 
其他浏览器 先触发onlick 后触发 href 

2 href="javascript: xxx()" 
不能传入this作为参数 
onclick可以 
<a href="javascript:alert(‘href event‘);" onclick="clickevent(this);"> 

3 优先触发的方法如果返回 false 导致后一个事件不被触发 
比如 
<a href="javascript:alert(‘href event‘);" onclick="clickevent(this); return false;"> 


<a href="#"> 会导致页面定位到书签位置, 


由于 1和 4 的原因 
在ie6 下 同时有 <a href="#" 和 onclick的时候 由于页面先因为href重新载入了一次,导致 onclick事件被浏览器丢弃。 


6 总结: 
1) 在不需要传递this作为方法的参数时候,推荐 
只使用href="JavaScript: " 

2) 如果需要使用this参数,推荐 
<a href="javascript:void(0);" onclick="doSomthing(this)" >
 
如下面一个列子。
我们需要A在第一次和第二次点击的时候 访问 href 第3次以后的就访问另一个地址
 

var href=0

function clicka(obj)
{
 if (href==2)
 {
  obj.href="http://www.86p.com/?qc";
 }else
 {
  href++;
 }
 return true;
 
}

 
 
<a href="http://www.fxxz.com/" target=_blank id="showa" onclick="clicka(this)">  开屏高速下载 </a> 

A的href和onclick

标签:

原文地址:http://www.cnblogs.com/xuyuanjia/p/5743635.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!