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>