Chrome, Javascript, window.open dans un nouvel onglet

Dans Chrome, cela s'ouvre dans un nouvel onglet:

<button onclick="window.open('newpage.html', '_blank')" />

cela s'ouvre dans une nouvelle fenêtre (mais j'aimerais que cela s'ouvre également dans un nouvel onglet:

<script language="javascript">
  window.open('newpage.html', '_blank');
</script>

Est-ce faisable?

Vous ne pouvez pas contrôler cela directement, car c'est une option contrôlée par les utilisateurs d'Internet Explorer.

Ouvrir des pages à l'aide de Window.open avec un nom de fenêtre différent s'ouvrira dans une nouvelle fenêtre de navigateur comme une fenêtre contextuelle, OU s'ouvrira dans un nouvel onglet, si l'utilisateur a configuré le navigateur pour le faire.

ÉDITER:

Une explication plus détaillée:

1. Dans les navigateurs modernes, window.open s'ouvrira dans un nouvel onglet plutôt que dans une fenêtre contextuelle.

2. Vous pouvez forcer un navigateur à utiliser une nouvelle fenêtre ('popup') en spécifiant des options dans le 3ème paramètre

3. Si l'appel window.open ne faisait pas partie d'un événement initié par l'utilisateur, il s'ouvrira dans une nouvelle fenêtre.

4. Un «événement initié par l'utilisateur» n'a pas le même appel de fonction - mais il doit provenir de la fonction appelée par un clic utilisateur

5. Si un événement initié par l'utilisateur délègue ou diffère un appel de fonction (dans un écouteur d'événement ou un délégué non lié à l'événement de clic, ou en utilisant setTimeout par exemple), il perd son statut «initié par l'utilisateur».

6. Certains bloqueurs de popup autoriseront les fenêtres ouvertes à partir d'événements déclenchés par l'utilisateur, mais pas ceux ouverts autrement.

7. Si une fenêtre contextuelle est bloquée, celles normalement autorisées par un bloqueur (via des événements déclenchés par l'utilisateur) seront parfois également bloquées. Quelques exemples…

Forcer une fenêtre à s'ouvrir dans une nouvelle instance de navigateur, au lieu d'un nouvel onglet:

window.open('page.php', '', 'width=1000');

Ce qui suit serait considéré comme un événement déclenché par l'utilisateur, même s'il appelle une autre fonction:

function o(){
  window.open('page.php');
}
$('button').addEvent('click', o);

Ce qui suit ne serait pas considéré comme un événement déclenché par l'utilisateur, car setTimeout le reporte:

function g(){
  setTimeout(o, 1);
}
function o(){
  window.open('page.php');
}
$('button').addEvent('click', g);

Il est parfois utile de forcer l'utilisation d'un onglet, si l'utilisateur aime ça. Comme Prakash l'a indiqué ci-dessus, cela est parfois dicté par l'utilisation d'un événement non initié par l'utilisateur, mais il existe des moyens de contourner cela.

Par exemple:

$("#theButton").button().click( function(event) {
   $.post( url, data )
   .always( function( response ) {
      window.open( newurl + response, '_blank' );
   } );
} );

ouvrira toujours "newurl" dans une nouvelle fenêtre de navigateur car la fonction "toujours" n'est pas considérée comme lancée par l'utilisateur. Cependant, si nous faisons cela:

$("#theButton").button().click( function(event) {
   var newtab = window.open( '', '_blank' );
   $.post( url, data )
   .always( function( response ) {
      newtab.location = newurl + response;
   } );
} );

nous ouvrons la nouvelle fenêtre de navigateur ou créons le nouvel onglet, tel que déterminé par la préférence de l'utilisateur dans le bouton cliquez sur quel IS initié par l'utilisateur. Ensuite, nous définissons simplement l'emplacement sur l'URL souhaitée après le retour de la publication AJAX. Voila, on force l'utilisation d'un onglet si l'utilisateur aime ça.

si tu utilises window.open(url, '_blank') , il sera bloqué (bloqueur de popup) sur Chrome, Firefox, etc.

essaye ça,

$('#myButton').click(function () {
    var redirectWindow = window.open('http://google.com', '_blank');
    redirectWindow.location;
});

travail js violon pour cela http://jsfiddle.net/safeeronline/70kdacL4/2/

travail js fiddle pour la fenêtre ajax ouverte http://jsfiddle.net/safeeronline/70kdacL4/1/

Pour le moment (Chrome 39) j'utilise ce code pour ouvrir un nouvel onglet:

window.open('http://www.stackoverflow.com', '_blank', 'toolbar=yes, location=yes, status=yes, menubar=yes, scrollbars=yes');

Bien sûr, cela peut changer dans les futures versions de Chrome.

C'est une mauvaise idée de l'utiliser si vous ne pouvez pas contrôler le navigateur que vos utilisateurs utilisent. Cela peut ne pas fonctionner dans les versions futures ou avec des paramètres différents.

Cela ouvrira le lien dans un nouvel onglet dans Chrome et Firefox, et éventuellement dans d'autres navigateurs que je n'ai pas testés:

var popup  = $window.open("about:blank", "_blank"); // the about:blank is to please Chrome, and _blank to please Firefox
popup.location = 'newpage.html';

Il ouvre essentiellement un nouvel onglet vide, puis définit l'emplacement de cet onglet vide. Attention, il s'agit d'une sorte de hack, car le comportement des onglets / fenêtres du navigateur est en réalité le domaine, la responsabilité et le choix du navigateur et de l'utilisateur.

La deuxième ligne peut être appelée dans un rappel (après avoir effectué une requête AJAX par exemple), mais le navigateur ne la reconnaîtra pas comme un événement de clic initié par l'utilisateur et peut bloquer la fenêtre contextuelle.

Mini-solution claire $('<form action="http://samedomainurl.com/" target="_blank"></form>').submit()

Vous pouvez utiliser ce code pour ouvrir dans un nouvel onglet.

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

Je l'ai obtenu de stackoverflow .

Meilleure façon d'utiliser:

1- ajoutez un lien vers votre html:

<a id="linkDynamic" target="_blank" href="#"></a>

2- ajouter la fonction JS:

function OpenNewTab(href)
{
    document.getElementById('linkDynamic').href = href;
    document.getElementById('linkDynamic').click();
}

3- Appelez simplement la fonction OpenNewTab avec le lien souhaité