您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

css如何禁止a标签跳转

2024/4/28 6:37:25发布30次查看
方法:1、用“#”,语法“a href=#”;2、用“javascript:”,语法“a href=javascript:void(0)”;3、用getelementbyid获取a标签,使用“return false;”取消跳转。
本教程操作环境: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标签跳转的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product