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