Externen Link in neuem Tab öffnen

lima-city: Webhosting, Domains und Cloud
0 Pluspunkte 0 Minuspunkte
Wie kann ich alle externen Links auf einer Seite in einem neuen Tab öffnen?
von  

1 Antwort

0 Pluspunkte 0 Minuspunkte

Du kannst jQuery verwendet, um alle "a" Elemente auf der Seite zu durchlaufen. Falls der Link mit "http" beginnt und nicht die gleiche Domain wie die aktuelle Seite hat, wird das Attribut "target" auf "_blank" gesetzt, um den Link in einem neuen Fenster oder Tab zu öffnen.

<!DOCTYPE html>
<html>
<head>
    <title>Externe Links in neuem Fenster öffnen</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script>
        $(document).ready(function() {
            // Finde alle externen Links auf der Seite
            $('a').each(function() {
                var link = $(this).attr('href');
                
                // Überprüfe, ob der Link extern ist
                if (link && link.indexOf('http') === 0 && link.indexOf(window.location.hostname) === -1) {
                    $(this).attr('target', '_blank'); // Öffne den Link in einem neuen Fenster/Tab
                }
            });
        });
    </script>
</head>
<body>
    <a href="http://www.example.com">Externer Link</a>
    <a href="internal-page.html">Interner Link</a>
</body>
</html>
von  

Ähnliche Fragen

Diese Community basiert auf dem Prinzip der Selbstregulierung. Beiträge werden von Nutzern erstellt, bewertet und verbessert – ganz ohne zentrale Moderation.

Wer hilfreiche Fragen stellt oder gute Antworten gibt, sammelt Punkte. Mit steigender Punktzahl erhalten Mitglieder automatisch mehr Rechte, zum Beispiel

  • Kommentare verfassen
  • Fragen und Antworten bewerten
  • Themen von Fragen bearbeiten
  • Fragen, Antworten und Kommentare bearbeiten
  • Inhalte ausblenden

So entsteht eine Plattform, auf der sich Qualität durchsetzt – getragen von einer engagierten Gemeinschaft.

2.4k Fragen

2.8k Antworten

268 Kommentare

14 Nutzer