Wie kann man einen Hyperlink in einem neuen Fenster öffnen

Die Hyperlinks helfen den Benutzern, von einer Seite zur anderen zu springen. Ein Hyperlink wird in der Regel voreingestellt auf der gleichen Seite geöffnet. Sie können Hyperlinks aber auch in einem separaten Fenster öffnen.

Wie Sie schon wissen, wird in HTML für die Erstellung von Hyperlinks das Tag <a> mit dem Attribut href verwendet.

Wenn es notwendig ist, dem Browser mitzuteilen, wo das Dokument geöffnet werden soll, wird das Attribut target verwendet.

Das Attribut target gibt an, wo sich das verknüpfte Dokument beim Anklicken des Links öffnet. Es wird voreingestellt im aktuellen Fenster geöffnet. Um einen Link in einem neuen Fenster zu öffnen, müssen Sie nur das Attribut target="_blank" zu Ihrem Ankerlink wie folgt hinzufügen:

Beispiel

<!DOCTYPE html>
<html>
  <head>
    <title>Der Titel des Dokuments</title>
  </head>
  <body>
    <h1>Beispiel für einen Hyperlink</h1>
    <p>Dieser <a href="https://de.w3docs.com/" target="_blank">Hyperlink</a> wird in einem neuen Fenster geöffnet.</p>
  </body>
</html>

Im angegebenen Beispiel, wenn ein Besucher auf den Hyperlink klickt, eröffnet sich er in einem neuen Fenster oder Tab.

Es gibt eine andere Möglichkeit, einen Hyperlink in einem neuen Tab mit der JavaScript-Funktion window.open mit onclick Eventhandler wie folgt zu öffnen:

onclick="window.open('URL')"

Beispiel

<!DOCTYPE html>
<html>
  <head>
    <title>Der Titel des Dokuments</title>
    <style>
      .link:hover {
      text-decoration: underline;
      color: blue;
      cursor: pointer;
      }
    </style>
  </head>
  <body>
    <h1>Hyperlink mit JavaScript</h1>
    <p>Besuchen Sie unsere Website</p>
    <p onclick="window.open('https://de.w3docs.com/')" class="link">W3docs</p>
  </body>
</html>
Finden Sie das nützlich?

Ähnliche Artikel