AI编程助手
AI免费问答

css如何禁止a标签跳转

醉折花枝作酒筹   2021-05-19 17:25   4375浏览 原创
方法:1、用“#”,语法“a href="#"”;2、用“javascript:”,语法“a href="javascript:void(0)"”;3、用getElementById获取a标签,使用“return false;”取消跳转。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

<a>百度</a>

1、先来最简单的吧,我们可以直接在html代码中加上#号,如下:

<a>百度</a>   

2、其次我们阻止它的默认事件还有下面的这种:

<a>百度</a>  

3、还有我们js的方法来进行阻止,我们还是给a标签一个id吧,只需要进行如下操作:

<a>百度</a>
let div1 = document.getElementById("Header1_HeaderTitle");
div1.onclick = function(){
      return false;
}

推荐学习:css视频教程

前端入门到VUE实战笔记:立即学习
>在学习笔记中,你将探索 前端 的入门与实战技巧!

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。