本教程操作环境:windows7系统、css3&&html5版、dell g3电脑。
<a href="www.baidu.com">百度</a>
1、先来最简单的吧,我们可以直接在html代码中加上#号,如下:
<a href="#">百度</a> <!--点击时它会跳转到页面的最顶端了-->
2、其次我们阻止它的默认事件还有下面的这种:
<a href="javascript:void(0)">百度</a> <!--直接在里面添加一个阻止事件,当然直接是"javascript:"也是可以的,最好还是写全吧-->
3、还有我们js的方法来进行阻止,我们还是给a标签一个id吧,只需要进行如下操作:
<a id="header1_headertitle" href="www.baidu.com">百度</a>
let div1 = document.getelementbyid("header1_headertitle");div1.onclick = function(){ return false;}
推荐学习:css视频教程
以上就是css如何禁止a标签跳转的详细内容。
