css如何禁止a标签跳转

醉折花枝作酒筹
Freigeben: 2023-01-06 11:14:22
Original
3938 Leute haben es durchsucht

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

css如何禁止a标签跳转

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

百度
Nach dem Login kopieren

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

百度 
Nach dem Login kopieren

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

百度 
Nach dem Login kopieren

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

百度
Nach dem Login kopieren
let div1 = document.getElementById("Header1_HeaderTitle"); div1.onclick = function(){ return false; }
Nach dem Login kopieren

推荐学习:css视频教程

Das obige ist der detaillierte Inhalt voncss如何禁止a标签跳转. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!