Gli ultimi tutorial di sviluppo web
 

Finestra open() Method

<Window Object

Esempio

Aprire "www.w3ii.com" in una nuova finestra del browser:

window.open("http://www.w3ii.com");
Prova tu stesso "

Più "Try it Yourself" esempi di seguito.


Definizione e l'utilizzo

L' open() metodo apre una nuova finestra del browser.

Suggerimento: Utilizzare la close() metodo per chiudere la finestra.


Supporto browser

Metodo
open()

Sintassi

window.open( valori dei parametri
Parametro Descrizione
URL Opzionale. Specifica l'URL della pagina da aprire. Se non viene specificato alcun URL, una nuova finestra con about: blank viene aperto
name Opzionale. Specifica il target attributo o il nome della finestra. sono supportati i seguenti valori:
  • _blank - URL viene caricato in una nuova finestra. Questa è l'impostazione predefinita
  • _parent - URL viene caricato nel frame principale
  • _self - URL sostituisce la pagina corrente
  • _top - URL sostituisce qualsiasi set di cornici che possono essere caricati
  • name - Il nome della finestra (Nota: il nome non specifica il titolo della nuova finestra)
specs Opzionale. Un elenco separato da virgole di elementi, senza spazi bianchi. sono supportati i seguenti valori:

channelmode=yes|no|1|0 Se visualizzare o meno la finestra in modo di teatro. Il valore predefinito è no. solo IE
directories=yes|no|1|0 Obsoleto. O meno di aggiungere i pulsanti di directory. Predefinito è sì. solo IE
fullscreen=yes|no|1|0 Se visualizzare o meno il browser in modalità a schermo intero. Il valore predefinito è no. Una finestra in modalità a schermo intero deve essere in modalità teatro. solo IE
height=pixels L'altezza della finestra. Min. valore è 100
left=pixels La posizione a sinistra della finestra. Valori negativi non ammessi
location=yes|no|1|0 O se non per visualizzare il campo indirizzo. solo Opera
menubar=yes|no|1|0 O se non per visualizzare la barra dei menu
resizable=yes|no|1|0 O meno la finestra è ridimensionabile. solo IE
scrollbars=yes|no|1|0 O se non per visualizzare le barre di scorrimento. solo IE, Firefox e Opera
status=yes|no|1|0 O meno di aggiungere una barra di stato
titlebar=yes|no|1|0 O se non per visualizzare la barra del titolo. Ignorato a meno che l'applicazione chiamante è un'applicazione HTML o una finestra di dialogo di fiducia
toolbar=yes|no|1|0 O se non per visualizzare la barra degli strumenti del browser. solo IE e Firefox
top=pixels La posizione superiore della finestra. Valori negativi non ammessi
width=pixels La larghezza della finestra. Min. valore è 100

sostituire Opzionale. Specifica se l'URL crea una nuova voce o sostituisce la voce corrente nell'elenco cronologico. sono supportati i seguenti valori:
  • vero - URL sostituisce il documento corrente nell'elenco cronologico
  • false - URL crea una nuova voce nella lista della cronologia

Dettagli tecnici

Valore di ritorno: Un riferimento alla finestra appena creata, o null se la chiamata non è riuscita

Esempi

Altri esempi

Esempio

Aprire un about: blank pagina in una nuova finestra:

var myWindow = window.open("", "", "width=200,height=100");
Prova tu stesso "

Esempio

Aprire una nuova finestra chiamata "MsgWindow" , e scrivere un testo in esso:

var myWindow = window.open("", "MsgWindow", "width=200,height=100");
myWindow.document.write("<p>This is 'MsgWindow'. I am 200px wide and 100px tall!</p>");
Prova tu stesso "

Esempio

Sostituire la finestra corrente con una nuova finestra:

var myWindow = window.open("", "_self");
myWindow.document.write("<p>I replaced the current window.</p>");
Prova tu stesso "

Esempio

Aprire una nuova finestra e controllare il suo aspetto:

window.open("http://www.w3ii.com", "_blank", "toolbar=yes,scrollbars=yes,resizable=yes,top=500,left=500,width=400,height=400");
Prova tu stesso "

Esempio

Aprire più finestre:

window.open("http://www.google.com/");
window.open("http://www.w3ii.com/");
Prova tu stesso "

Esempio

Aprire una nuova finestra. Utilizzare close() per chiudere la nuova finestra:

function openWin() {
    myWindow = window.open("", "myWindow", "width=200,height=100");   // Opens a new window
}

function closeWin() {
    myWindow.close();   // Closes the new window
}
Prova tu stesso "

Esempio

Aprire una nuova finestra. Utilizzare la proprietà nome per restituire il nome della nuova finestra:

var myWindow = window.open("", "MsgWindow", "width=200,height=100");
myWindow.document.write("<p>This window's name is: " + myWindow.name + "</p>");
Prova tu stesso "

Esempio

Utilizzando la proprietà opener per restituire un riferimento alla finestra che ha creato la nuova finestra:

var myWindow = window.open("", "myWindow", "width=200,height=100");   // Opens a new window
myWindow.document.write("<p>This is 'myWindow'</p>");   // Text in the new window
myWindow.opener.document.write("<p>This is the source window!</p>");  // Text in the window that created the new window
Prova tu stesso "

<Window Object