So verhindern Sie die Weiterleitung von Hyperlinks mithilfe von JavaScript (mehrere Schreibweisen)
|
Durch JavaScript können wir das Springen von Hyperlinks verhindern. So geht's: (1) Manipulation des href-Attributs eines Hyperlinks Schreibmethode 1:
<!DOCTYPE html>
<html lang="de">
<Kopf>
<meta charset="UTF-8">
<meta http-equiv="X-UA-kompatibel" content="IE=edge">
<meta name="viewport" content="width=Gerätebreite, Anfangsmaßstab=1.0">
<title>Dokument</title>
</Kopf>
<Text>
<a href="javascript:void(0);" rel="external nofollow" >Hyperlink</a>
</body>
</html>Schreibmethode 2:
<!DOCTYPE html>
<html lang="de">
<Kopf>
<meta charset="UTF-8">
<meta http-equiv="X-UA-kompatibel" content="IE=edge">
<meta name="viewport" content="width=Gerätebreite, Anfangsmaßstab=1.0">
<title>Dokument</title>
</Kopf>
<Text>
<a href="javascript:;" rel="external nofollow" >Hyperlink</a>
</body>
</html>
Durch Anklicken des Links erfolgt keine Weiterleitung. (2) Standardverhalten beim Blockieren von Links Schreibmethode 1:
<!DOCTYPE html>
<html lang="de">
<Kopf>
<meta charset="UTF-8">
<meta http-equiv="X-UA-kompatibel" content="IE=edge">
<meta name="viewport" content="width=Gerätebreite, Anfangsmaßstab=1.0">
<title>Dokument</title>
</Kopf>
<Text>
<a href="https://www.baidu.com" rel="externes nofollow" rel="externes nofollow" >Baidu</a>
<Skript>
var link = document.querySelector("a");
link.addEventListener('klicken',Funktion(e){
e.preventDefault();
})
</Skript>
</body>
</html>Schreibmethode 2:
<!DOCTYPE html>
<html lang="de">
<Kopf>
<meta charset="UTF-8">
<meta http-equiv="X-UA-kompatibel" content="IE=edge">
<meta name="viewport" content="width=Gerätebreite, Anfangsmaßstab=1.0">
<title>Dokument</title>
</Kopf>
<Text>
<a href="https://www.baidu.com" rel="externes nofollow" rel="externes nofollow" >Baidu</a>
<Skript>
var link = document.querySelector("a");
link.onclick = Funktion (e) {
gibt false zurück;
}
</Skript>
</body>
</html>
Zu diesem Zeitpunkt führt das Klicken auf den Hyperlink nicht zum Springen. Oben finden Sie Einzelheiten dazu, wie Sie mit JavaScript Hyperlink-Sprünge verhindern können (verschiedene Schreibmethoden). Weitere Informationen zu JS-Hyperlink-Sprüngen finden Sie in den anderen verwandten Artikeln auf 123WORDPRESS.COM! Das könnte Sie auch interessieren:
|
<<: Tutorial zur Installation von Android Studio unter Ubuntu 19 und darunter
>>: Zusammenfassung der Tipps zum Festlegen der maximalen Anzahl von Verbindungen in MySQL
Artikel empfehlen
CSS3 Milchglaseffekt
Wenn der Milchglaseffekt gut gelingt, kann er die...
Detaillierte Erklärung der Funktionen von -I (großes i), -L (großes l) und -l (kleines l) beim Kompilieren von Programmen mit g++ unter Linux
Als Linux-Einsteiger habe ich schon oft einfache ...
Detaillierte Erklärung des Codes zwischen der MySQL-Masterbibliothek Binlog (Master-Log) und der Slave-Bibliothek Relay-Log
Binärprotokoll der Hauptbibliothek: # bei 2420 #1...
Einführung in die Bereitstellung des Selenium-Crawler-Programms unter Linux
Inhaltsverzeichnis Vorwort 1. Was ist Selen? 2. N...
Analyse des Remote-Debuggings und des Timeout-Betriebsprinzips von Webdiensten
Remote-Debugging von Webdiensten In .NET ist die ...
TypeScript-Aufzählungstyp
Inhaltsverzeichnis 1. Übersicht 2. Digitale Aufzä...
Warum Nginx besser ist als Apache
Nginx hat in nur wenigen Jahren den Großteil des ...
In diesem Artikel erfahren Sie mehr über NULL in MySQL
Inhaltsverzeichnis Vorwort NULL in MySQL 2 NULL b...
Layui table wählt das Optionsfeld der angegebenen Zeile aus und scrollt zum Implementierungscode der Zeile
Die Layui-Tabelle enthält mehrere Datenzeilen. Üb...
Detaillierte Erläuterung der zugrunde liegenden Implementierung des absteigenden Index, einer neuen Funktion von MySQL 8
Was ist ein absteigender Index? Sie kennen sich v...
Tiefgreifendes Verständnis des Statusübergangs des MySQL-Master-Slave-Replikationsthreads
Vorwort Das Grundprinzip der MySQL-Master-Slave-R...
Detaillierte Erläuterung von vier Lösungen für schwebende Probleme im CSS-Layout
1. Ursache: Der Effekt, nachdem die Subbox auf Fl...
Detailliertes Beispiel für eine Remote-Verbindung zu Docker mithilfe einer TLS-verschlüsselten Kommunikation
Standardmäßig läuft Docker über einen nicht verne...
Linux implementiert den Quellcode des Zahlenratespiels
Ein einfacher Linux-Ratespiel-Quellcode Spielrege...
Vue implementiert zwei Methoden zur Steuerung der Routing-Berechtigung
Inhaltsverzeichnis Methode 1: Routing von Metainf...