HTML - 请你说一下如何阻止a标签跳转

时间:2024-04-05 21:26:16

 难度级别:初级及以上                                 提问概率:55%


a标签的默认语义化功能就是超链接,HTML给它的定位就是与外部页面进行交流,不过也可以通过锚点功能,定位到本页面的固定id区域去。但在开发场景中,又避免不了禁用a标签的需求,那么都有哪些方式可以禁用a标签跳转呢?

首先想到的就是通过CSS属性,设置pointer-events: none;,这样就使得a标签不具备响应鼠标事件的功能,等用到跳转功能的时候再将其设置为auto属性值即可;比较常用的一种方式,是给href属性设置javascript:void(0);属性值,这样也可以使a标签失去跳转能力;还有一种方式,就是阻止点击默认行为,这个时候href属性设置为空,添加οnclick="return false;"的属性设置即可。

一般提问这道题的同时,面试官还会紧接着问你javascript:void(0);是什么意思。我们知道void是Javascript中的关键字,它表示要计算一个表达式,但并不需要有返回值。意思就是void后面的小括号内,正常情况下是可