天天看点

a标签中href="#"和href="javascript:void(0);"href跳转使用详细说明

在a标签中点击的时候如果不想让href跳转 可以通过设置href后的值来处理 详情描述如下:

 如果你写href="#" target="_blank" rel="external nofollow" 那么点击后会回到页首,它是个锚点,链接指向当前页面; 

 如果使用href="javascript:void(0);" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" 和 href="javascript:;" target="_blank" rel="external nofollow" 相当于死链接,默认阻止,不进行动作。

两者效果相当。但建议使用void(0)。只使用分号可能会影响before、after等操作。

博主推荐 程序员必备神器 牧马人机械3件套 价格实惠 只有工具好使 代码才能写的溜 哈哈

a标签中href="#"和href="javascript:void(0);"href跳转使用详细说明

 return 和 return false 相当于直接执行返回的结果  空或false。 不建议使用,例如:

<a href="javascript:void 0" target="_blank" rel="external nofollow" οnclick="window.open('yoururl')">查看信息</a>

<a href="javascript:return" target="_blank" rel="external nofollow" οnclick="window.open('yoururl')">查看信息</a>

建议使用void 0方式,因为return方式,有时会影响click事件的传播,尤其是return false的时候。

 另 href 和 click 是有优先级的,所以有时候我们会写 <a href="javascript:void(0);" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" οnclick=function() >。onclick 会先于 href 执行。

继续阅读