Comment Ouvrir un Hyperlien dans une Nouvelle Fenêtre

Les hyperliens aident les utilisateurs à sauter d'une page à l'autre. En général, un hyperlien s'ouvre dans la même page par défaut. Mais vous pouvez ouvrir les hyperliens dans une nouvelle fenêtre .

Comme vous le savez, dans HTML le tag <a> est utilisé avec l'attribut href pour créer des hyperliens.

Quand on doit informer le navigateur où il doit ouvrir le document, on utilise l'attribut target .

L'attribut target spécifie où le document lié va s'ouvrir quand le lien est cliqué. Il ouvre la fenêtre actuelle par défaut . Pour ouvrir le lien dans une nouvelle fenêtre, vous devez ajouter l'attribut target="_blank" à votre lien d'ancrage, comme cela:

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
  </head>
  <body>
    <h1>Exemple d'un hyperlien</h1>
    <p>Ce <a href="https://www.w3docs.com/" target="_blank">hyperlien</a> va s'ouvrir dans une nouvelle fenêtre .</p>
  </body>
</html>

Dans l'exemple donné, quand un visiteur clique sur le hyperlien, ça va s'ouvrir dans une nouvelle fenêtre ou tab .

Il y a un autre moyene d'ouvrir un hyperlien dans un nouveau tab, c'est en utilisant la fonction JavaScript window.open avec l'attribut d'événement onclick comme ça:

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

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
    <style>
      .link:hover {
      text-decoration: underline;
      color: blue;
      cursor: pointer;
      }
    </style>
  </head>
  <body>
    <h1>Exemple de hyperlien avec JavaScript</h1>
    <p>Visiter notre site Web</p>
    <p onclick="window.open('https://www.w3docs.com/')" class="link">W3docs</p>
  </body>
</html>
Trouvez-vous cela utile?

Articles Associées