a标签的onclick和href同时存在的写法

2019独角兽企业重金招聘Python工程师标准>>>

经常用到a标签，但是对于标准的写法很多时候会忽略掉，今天就简单的普及一下标准写法

<a href="javascript:void(0)" onclick="subgo()">点我</a> 

这个就是标准写法，点击a标签，调用的是subgo()

<a href="#" onclick="subgo()">点我</a>
<a href="javascript:void(0)" onclick="subgo()">点我</a> 

以上两者的区别在于：

1、#代表的是网页的上端；

2、javascript:void(0) 仅仅表示一个死链接，没有任何信息；

所以为了用户点击时页面不来回跳动，就最好使用javascript:void(0)。

大家都知道，链接的 onclick 事件被先执行，其次是 href 属性下的动作（页面跳转，或 javascript 伪链接）

所以建议大家尽量使用标准的

<a href="javascript:void(0)" onclick="doSomething();return false;">test</a> 

 

转载于:https://my.oschina.net/u/3315736/blog/1563133