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
Führen Sie die folgenden Schritte aus, damit Nginx Anti-Hotlinking konfiguriert.
brauchen: Normalerweise wollen Websites verhinder...
Beispiel für die Verwendung von Nginx zur Implementierung eines TCP-Proxys mit Portweiterleitung
Inhaltsverzeichnis Nachfragehintergrund Warum Ngi...
Der Unterschied zwischen JS-Pre-Parsing und Variablen-Promotion im Web-Interview
Inhaltsverzeichnis Was ist eine Voranalyse? Der U...
So implementieren Sie eine bidirektionale MySQL-Sicherung
Die bidirektionale MySQL-Sicherung wird auch als ...
Detaillierte Erklärung des Linx awk-Einführungstutorials
Awk ist eine Anwendung zur Verarbeitung von Textd...
32 typische spalten-/rasterbasierte Websites
Wenn Sie nach Inspiration für spaltenbasiertes Web...
So erstellen Sie eine MySQL-Datenbank und unterstützen chinesische Schriftzeichen
Schauen wir uns zunächst die offizielle MySQL-Dok...
Ein Artikel zum Verständnis des Ausführungsprozesses von MySQL-Abfrageanweisungen
Vorwort Wir müssen bestimmte Daten abrufen, die d...
Vue implementiert den Beispielcode zum Hinzufügen, Löschen, Ändern und Überprüfen der Baumstruktur
Tatsächlich haben viele Unternehmen ähnliche Funk...
WeChat-Applet zur automatischen Videowiedergabe imitiert Beispiel eines GIF-Animationseffekts
Nachfragehintergrund: Fügen Sie dynamische GIF-Bi...
Installation von VMware Workstation unter Linux (Ubuntu)
Wenn Sie nicht wissen, wie das System auf dem Com...
Detaillierte Erläuterung der Implementierungsmethode für kumulative Berechnungen von MySQL
Inhaltsverzeichnis Vorwort Bedarfsanalyse Mysql-B...
Detaillierte Erklärung des Prozesses zum Erstellen eines Image-Servers mit nginx (der Unterschied zwischen Root und Alias)
Der Installationsprozess entfällt (ich habe es di...
Webinterview: Benutzerdefinierte Vue-Komponenten und Aufrufmethoden
Import: Aufgrund der Projektanforderungen werden ...
Zwei Methoden zum Deaktivieren von Formularsteuerelementen in HTML: schreibgeschützt und deaktiviert
Beim Erstellen von Webseiten verwenden wir häufig ...