Comment ouvrir de manière fiable des URL dans de nouveaux onglets avec JavaScript ?

Ouverture d'URL dans des onglets séparés avec JavaScript

Lorsque vous essayez d'ouvrir des URL dans de nouveaux onglets à l'aide de JavaScript, en utilisant les méthodes couramment suggérées telles que la fenêtre. ouvrir(url, '_blank'); peut toujours entraîner des fenêtres contextuelles. Cet article explore une méthode fiable pour garantir que les ouvertures d'URL se produisent dans de nouveaux onglets.

Solution : Utilisation de la méthode Focus()

Pour ouvrir efficacement les URL dans de nouveaux onglets, incorporez la méthode focus() à côté de la fonction window.open. Voici le code modifié :

function openInNewTab(url) {
  window.open(url, '_blank').focus();
}

// Or simply
window.open(url, '_blank').focus();

En appelant focus() après avoir ouvert l'URL, le navigateur redirige le nouvel onglet vers l'état focus. Cela remplace le comportement par défaut de création de nouvelles fenêtres, vous permettant d'ouvrir les URL dans des onglets séparés de manière cohérente.

Implémentation

La solution peut être implémentée directement dans le gestionnaire d'événements onclick. pour l'élément souhaité afin d'éviter les bloqueurs de pop-up. Vous pouvez également ajouter un écouteur d'événements à votre objet DOM spécifié. Voici un exemple utilisant HTML :

<div onclick="openInNewTab('www.test.com');">Something To Click On</div>

Ce code, lorsque vous cliquez dessus, ouvrira l'URL spécifiée dans un nouvel onglet. Il convient de noter que cette technique est particulièrement utile dans les scénarios dans lesquels les bloqueurs de pop-up peuvent interférer avec le comportement prévu lors de l'ouverture des URL dans les onglets.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!