html设置a标签禁止跳转,css如何禁止a标签跳转

方法：1、用“#”，语法“a href="#"”；2、用“javascript:”，语法“a href="javascript:void(0)"”；3、用getElementById获取a标签，使用“return false;”取消跳转。

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

百度

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

百度

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

百度

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

百度

let div1 = document.getElementById("Header1_HeaderTitle");

div1.onclick = function(){

return false;

}

推荐学习：css视频教程

html设置a标签禁止跳转,css如何禁止a标签跳转相关推荐

HTML——a标签实现空链接（禁止跳转）
基本概念空链接:指鼠标指向链接后,鼠标变成手形,但是单击链接后,仍然停留在当前页面. 解决方案 a标签href不跳转禁止跳转当页面中a标签不需要任何跳转时,从原理上来讲,可分如下两种方法: 1. ...
[css] 使用rem布局时怎样合理设置根标签字体大小？
[css] 使用rem布局时怎样合理设置根标签字体大小? UI出2倍稿,然后用js计算当前设备和UI设计稿之间的比例关系,通过resize实时计算根标签字体大小,即可. 个人简介我是歌谣,欢迎和大家 ...
5-去掉a标签下划线，禁止a标签的跳转
1.去下划线: 写样式,a{text-decoration:none; 或在a标签内联里面写style="text-decoration:none;": 2.禁用a标签跳转: a标 ...
vivo手机权限禁止--跳转至对应app的权限设置页面
vivo手机权限禁止–跳转至对应app的权限设置页面开始我用的这个方法在vivo 酷派,oopo上:(在vivo上已不能使用) private void doStartApplicationWith ...
html中怎么让一行显示,css一行显示_css 如何设置a标签占一行
摘要腾兴网为您分享:css 如何设置a标签占一行,追书神器,掌上新华,壹学车,思维导图等软件知识,以及侠盗猎魔2补丁,万年历桌面,南通建材网,交银人寿,时间管理器,抓拍机,2018全国三卷文综,趣盘 ...
html a标签禁止跳转,a标签href不跳转禁止跳转
a标签href不跳转禁止跳转当页面中a标签不需要任何跳转时,从原理上来讲,可分如下两种方法: 标签属性href,使其指向空或不返回任何内容.如: <a href="javascri ...
a jquery 标签点击不跳转_jquery怎么让a标签不跳转？
jquery让a不跳转的方法: 1.jquery中可以通过attr()方法设置a标签中的href属性为"#"来使a标签不跳转$(document).ready(function ( ...
HTML常用标签及跳转
文章目录哇,今天要回学校了一.HTML常用标签 1.音频和视频 2.超级链接 3.无序列表 4.有序列表 5.定义列表 6.布局标签 7.表格制作 8.合并单元格 9.表格分区二.锚点跳转 1. ...
a标签js阻止跳转_js阻止a标签href跳转的方法
js阻止a标签href跳转的方法点我啊原理是当点击a标签时首先触发onclick函数,然后才执行href的跳转.但是在执行到return false的时候直接终止了执行,也就没有了链接的跳转. 当 ...

html设置a标签禁止跳转,css如何禁止a标签跳转

html设置a标签禁止跳转,css如何禁止a标签跳转相关推荐

最新文章

热门文章