JavaScript si apre in una nuova finestra, non in una scheda

Ho una casella di selezione che chiama window.open(url)quando viene selezionato un elemento. Firefox aprirà la pagina in una nuova scheda per impostazione predefinita. Tuttavia, vorrei che la pagina si aprisse in una nuova finestra, non in una nuova scheda.

Come posso farlo?

Dai alla finestra un parametro 'specs' con larghezza / altezza. Vedi qui per tutte le possibili opzioni.

window.open(url, windowName, "height=200,width=200");

Quando specifichi una larghezza / altezza, la aprirà in una nuova finestra anziché in una scheda.

Non è necessario utilizzare l'altezza, ma assicurati di utilizzare _blank, senza di essa, si apre in una nuova scheda.

Per una finestra vuota:

window.open('', '_blank', 'toolbar=0,location=0,menubar=0');

Per un URL specifico:

window.open('http://www.google.com', '_blank', 'toolbar=0,location=0,menubar=0');

Potrei sbagliarmi, ma da quello che ho capito, questo è controllato dalle preferenze del browser dell'utente e non credo che questo possa essere ignorato.

Provare:

window.open("", [window name], "height=XXX,width=XXX,modal=yes,alwaysRaised=yes");

Ho del codice che fa quello che dici, ma ci sono molti parametri. Penso che questi siano il minimo indispensabile, fammi sapere se non funziona, posterò il resto.

OK, dopo aver fatto molti test, ecco la mia conclusione:

Quando ti esibisci:

     window.open('www.yourdomain.tld','_blank');
     window.open('www.yourdomain.tld','myWindow');

o qualunque cosa tu inserisca nel campo di destinazione, questo non cambierà nulla: la nuova pagina verrà aperta in una nuova scheda (quindi dipende dalle preferenze dell'utente)

Se si desidera aprire la pagina in una nuova finestra "reale", è necessario inserire un parametro aggiuntivo. Piace:

window.open('www.yourdomain.tld', 'mywindow','location=1,status=1,scrollbars=1, resizable=1, directories=1, toolbar=1, titlebar=1');

Dopo il test, sembra il parametro extra che usi, non importa davvero: questo non è il fatto che hai messo "questo parametro" o "quest'altro" che crea la nuova "finestra reale" ma il fatto che ci sono nuovi parametri ).

Ma qualcosa è confuso e può spiegare molte risposte sbagliate:

Questo:

 win1 = window.open('myurl1', 'ID_WIN');
 win2 = window.open('myurl2', 'ID_WIN', 'location=1,status=1,scrollbars=1');

E questo:

 win2 = window.open('myurl2', 'ID_WIN', 'location=1,status=1,scrollbars=1');
 win1 = window.open('myurl1', 'ID_WIN');

NON darà lo stesso risultato.

Nel primo caso, quando si apre per la prima volta una pagina senza parametro aggiuntivo, si aprirà in una nuova scheda . E in questo caso, anche la seconda chiamata verrà aperta in questa scheda a causa del nome assegnato.

Nel secondo caso, poiché la prima chiamata viene effettuata con un parametro aggiuntivo, la pagina verrà aperta in una nuova " finestra reale ". E in tal caso, anche se la seconda chiamata viene effettuata senza il parametro aggiuntivo, verrà aperta anche in questa nuova " finestra reale " ... ma stessa scheda!

Ciò significa che la prima chiamata è importante in quanto ha deciso dove posizionare la pagina.

Non dovresti averne bisogno. Consenti all'utente di avere qualsiasi preferenza desideri.

Firefox lo fa di default perché l'apertura di una pagina in una nuova finestra è fastidiosa e una pagina non dovrebbe mai essere autorizzata a farlo se non è quello che desidera l'utente. (Firefox ti consente di aprire le schede in una nuova finestra se lo imposti in questo modo).

Potresti provare la seguente funzione:

<script type="text/javascript">
function open(url)
{
  var popup = window.open(url, "_blank", "width=200, height=200") ;
  popup.location = URL;
}
</script>

Il codice HTML per l'esecuzione:

<a href="#" onclick="open('http://www.google.com')">google search</a>

La chiave è i parametri:

Se fornite parametri [Altezza = "", Larghezza = ""], si aprirà in nuove finestre.

Se NON fornisci parametri, si aprirà in una nuova scheda.

Testato su Chrome e Firefox

È interessante notare che ho scoperto che se si passa una stringa vuota (anziché una stringa nulla o un elenco di proprietà) per il terzo attributo di window.open, si aprirà in una nuova scheda per Chrome, Firefox e IE. Se assente, il comportamento era diverso.

Quindi, questa è la mia nuova chiamata:

 window.open(url, windowName, '');

prova quel metodo .....

function popitup(url) {
       //alert(url);
       newwindow=window.open("http://www.zeeshanakhter.com","_blank","toolbar=yes,scrollbars=yes, resizable=yes, top=500, left=500, width=400, height=400");
       newwindow.moveTo(350,150);
   if (window.focus) 
          {
             newwindow.focus()
          }
   return false;
  }

Per me la soluzione era quella di avere

"location=0"

nel 3o parametro. Testato sull'ultima versione di FF / Chrome e su una versione precedente di IE11

La chiamata di metodo completa che utilizzo è di seguito (poiché mi piace utilizzare una larghezza variabile):

window.open(url, "window" + id, 'toolbar=0,location=0,scrollbars=1,statusbar=1,menubar=0,resizable=1,width=' + width + ',height=800,left=100,top=50');

Ho appena provato questo con IE (11) e Chrome (54.0.2794.1 canarino SyzyASan):

window.open(url, "_blank", "x=y")

... e si aprì in una nuova finestra.

Ciò significa che Clint Pachl aveva ragione quando ha detto che fornire un parametro qualsiasi farà aprire la nuova finestra.

- e apparentemente non deve essere un parametro legittimo!

(YMMV - come ho detto, l'ho testato solo in due punti ... e il prossimo aggiornamento potrebbe invalidare i risultati, in ogni caso)

ETA: Ho appena notato, però - in IE, la finestra non ha decorazioni.

Risposto qui . Ma pubblicandolo di nuovo per riferimento.

window.open()non si aprirà in una nuova scheda se non sta accadendo nell'evento di clic effettivo. Nell'esempio dato, l'URL viene aperto sull'evento click effettivo. Questo funzionerà a condizione che l'utente abbia le impostazioni appropriate nel browser.

<a class="link">Link</a>
<script  type="text/javascript">
     $("a.link").on("click",function(){
         window.open('www.yourdomain.com','_blank');
     });
</script>

Allo stesso modo, se si sta tentando di effettuare una chiamata Ajax all'interno della funzione clic e si desidera aprire una finestra in caso di successo, assicurarsi di eseguire la chiamata Ajax con l' async : falseopzione impostata.

Penso che non sia un problema di proprietà di destinazione html ma hai deselezionato l'opzione "apri finestre nw in una nuova scheda" invece "opzione nella scheda" scheda "nel menu" opzioni "di firefox. controllalo e riprova.

Ho avuto la stessa domanda ma ho trovato una soluzione relativamente semplice.

In JavaScript stavo verificando window.opener !=null;se la finestra fosse pop-up. Se si utilizza un codice di rilevamento simile per determinare se la finestra in cui si sta visualizzando il sito è un pop-up, è possibile "disattivarlo" facilmente quando si desidera aprire una "nuova" finestra utilizzando il nuovo JavaScript di Windows.

Metti questo nella parte superiore della tua pagina e vuoi essere sempre una "nuova" finestra.

<script type="text/javascript">
    window.opener=null;
</script>

Lo uso nella pagina di accesso del mio sito in modo che gli utenti non ottengano comportamenti a comparsa se utilizzano una finestra a comparsa per accedere al mio sito.

Potresti persino creare una semplice pagina di reindirizzamento che lo fa e quindi passa all'URL che gli hai fornito. Qualcosa di simile a,

JavaScript nella pagina principale:

window.open("MyRedirect.html?URL="+URL, "_blank");

E poi usando un po 'di javascript da qui puoi ottenere l'URL e reindirizzare ad esso.

JavaScript nella pagina di reindirizzamento:

 <script type="text/javascript">
        window.opener=null;

    function getSearchParameters() {
          var prmstr = window.location.search.substr(1);
          return prmstr != null && prmstr != "" ? transformToAssocArray(prmstr) : {};
    }

    function transformToAssocArray( prmstr ) {
        var params = {};
        var prmarr = prmstr.split("&");
        for ( var i = 0; i < prmarr.length; i++) {
            var tmparr = prmarr[i].split("=");
            params[tmparr[0]] = tmparr[1];
        }
        return params;
    }

    var params = getSearchParameters();
    window.location = params.URL;
    </script>