a标签href不跳转几种方式

  • 标签属性href,使其指向空或不返回任何内容。如:

<a href="javascript:void(0);" >点此无反应javascript:void(0)</a>

<a href="javascript:;" >点此无反应javascript:</a>

原理: void 操作符指定超级链接

  • 标签事件onclick,阻止其默认行为。如:

<a href="" οnclick="return false;">return false;</a>

<a href="#" οnclick="return false;">return false;</a>

原理:事件处理函数的工作机制中,在给某元素添加事件处理函数后,一旦事件发生,相应JavaScript代码就会执行,所调用的JavaScript代码的返回值被传递给事件处理函数。当我们给a标签添加onclick事件处理函数并点击a触发其后,如果相应JavaScript代码返回true,onclick事件处理函数就会认为这个链接被点击了,同样的若返回false就会认为链接未被点击

  • preventDefault()阻止事件的默认行为注意的是不支持IE,在IE中使用returnValue阻止事件默认行为
  • 需要做一下兼容处理  
  • function stopDefault( e )

       if ( e && e.preventDefault ) 
          e.preventDefault(); 
         else 
            window.event.returnValue = false;  

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值