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() | sì | sì | sì | sì | sì |
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
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