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:

Lösung für das Problem verstümmelter chinesischer Zeichen beim Springen von Hyperlinks zwischen Seiten in JS
So deaktivieren Sie die Hyperlink-Umleitung in Javascript
So erhalten Sie die absolute URL-Adresse eines Hyperlinks mit JavaScript
So rufen Sie eine Javascript-Funktion mit einem Hyperlink richtig auf
Vier Formen der Parameterübergabe - URL, Hyperlink, js, Formular
So behandeln Sie das Standardereignis eines Tag-Hyperlinks in Javascript
js implementiert die Methode zum Senden eines Formulars mit einem Tag-Hyperlink

<<: Tutorial zur Installation von Android Studio unter Ubuntu 19 und darunter

>>: Zusammenfassung der Tipps zum Festlegen der maximalen Anzahl von Verbindungen in MySQL