a标签的href与click事件

Posted 不落幕

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了a标签的href与click事件相关的知识,希望对你有一定的参考价值。

<a href=‘index.html‘ onclick=‘index()‘ >链接</a>

a标签中如果同时存在href和onclick时,以上的写法,onclick先执行,href后执行(页面跳转),但可能存在href跳转时,click事件的处理程序还未生效;

禁止href执行的方法:

(1)href=‘javascript:void(0)’,这时只执行onclick事件,推荐在href不加链接时用;

(2)onclick执行,返回false,href不执行;

但是我们经常用href = ‘#’来简写空链接,点击a链接,‘#’会追加至url末尾;且页面会置顶;

 

以上是关于a标签的href与click事件的主要内容,如果未能解决你的问题,请参考以下文章

父元素a标签的href默认行为以及子元素绑定的click事件的响应之间存在影响

jquerya标签click事件禁止与启用

Firefox下代码触发a标签的click事件无效

怎样用js触发a标签的click事件

为啥阻止a标签的默认事件

关于A标签使用onclick事件的疑问