English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Oggetto JavaScript

Manuale di riferimento JavaScript

Manuale JS DOM

Metodo Window open()

Oggetto Window JavaScript

open()Metodo apre una nuova finestra del browser e carica il file specificato.

Se è stata creata una nuova finestra per il documento specificato, è possibile aprire una nuova finestra del browser tramite il metodofeaturesparametri per modificare il suo aspetto e comportamento.

Usaclose()Metodo chiude la finestra.

Sintassi:

window.open(url, name, features, replace)
window.open("https://it.oldtoolbag.com");
Prova a vedere‹/›

Compatibilità dei browser

Tutti i browser supportano completamente il metodo open():

metodo
open()sìsìsìsìsì

valore del parametro

parametrodescrizione
url（Opzionale）URL della pagina web da aprire. Se non è impostato l'URL, il metodo window.open() aprirà una finestra vuota
name（Opzionale）Specificare il nome della finestra o l'attributo di destinazione.
Valori possibili:

  • _blank -L'URL è stato caricato in una nuova finestra (predefinito)

  • _parent -L'URL è stato caricato nel frame del genitore

  • _self -Sostituisci l'URL della pagina corrente

  • _top -Sostituisci l'URL che potrebbe caricare tutti i set di frame

  • name -Nome della finestra

features（Opzionale）Elenco di elementi separati da virgola, senza spazi.
Valori possibili:
channelmode = yes|no| 1 | 0 Visualizza la finestra in modalità teatro. Predefinito è no. Solo per IE
directories=yes|no|1|0 　Obsoleto Aggiungi il pulsante della directory. Predefinito è sì. Solo per IE
fullscreen=yes|no|1|0 Visualizza il browser in modalità a schermo intero. Predefinito è no. La finestra in modalità a schermo intero deve anche essere in modalità teatro. Solo per IE
height=pixels Altezza della finestra. Il valore minimo è 100
left=pixels Posizione sinistra della finestra. Non sono ammessi valori negativi
location=yes|no|1|0 Visualizza il campo dell'indirizzo. Solo per Opera
menubar=yes|no|1|0 Visualizza la barra dei menu
resizable=yes|no|1|0 La finestra può essere ridimensionata. Solo per IE
scrollbars=yes|no|1|0 Visualizza le barre di scorrimento. Solo per IE, Firefox e Opera
status=yes|no|1|0 Aggiungi la barra di stato
titlebar=yes|no|1|0 Visualizza la barra di titolo. A meno che l'applicazione chiamata non sia un'applicazione HTML o un dialogo fidato, verrà ignorato
toolbar=yes|no|1|0 Se visualizzare la barra degli strumenti del browser. Solo per IE e Firefox
top=pixels La posizione superiore della finestra. Non sono ammessi valori negativi
width=pixels La larghezza della finestra. Il valore minimo è 100
replace(Opzionale) Specifica l'URL per creare una nuova voce o sostituire il documento corrente nella lista della cronologia URL.
Valori possibili:

  • true-Sostituisci il documento corrente nella lista della cronologia URL

  • false-Crea una nuova voce nella lista della cronologia URL

Dettagli tecnici

Valore di ritorno:Rappresenta l'oggetto Window del nuovo finestra creato. Se non è possibile aprire la finestra, il valore restituito è null.

Più esempi

Apri una pagina vuota nella nuova finestra:

window.open("", "", "width=400, height=300");
Prova a vedere‹/›

Apri una nuova finestra. Usa l'attributo name per restituire il nome della nuova finestra:

var win = window.open("", "popupWindow", "width=400, height=300");
win.document.write("<p>Il nome di questa finestra è: " + win.name + "</p>");
Prova a vedere‹/›

Apri "parrot-tutorial.com" in una nuova finestra con specifiche altezza e larghezza:

window.open("https://it.oldtoolbag.com", "", "width=400, height=300");
Prova a vedere‹/›

Apri "parrot-tutorial.com" in una nuova finestra nella posizione specificata:

window.open("https://it.oldtoolbag.com", "", "left=500, top=200");
Prova a vedere‹/›

Apri una nuova finestra e specifica il suo aspetto:

window.open("https://it.oldtoolbag.com", "_blank",　
"toolbar=yes,scrollbars=yes,resizable=yes,top=200,left=500,width=400,height=300");
Prova a vedere‹/›

Apri una nuova finestra e chiudila utilizzando il metodo close():

var popupWindow;
//Apri una nuova finestra
function windowOpen() {
　　popupWindow = window.open("https://it.oldtoolbag.com", "_blank");
}
// Funzione per chiudere la finestra aperta
funzione windowClose() {
　　if (popupWindow) {
　popupWindow.close();
　　}
}
Prova a vedere‹/›

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

// Apri una nuova finestra
var win = window.open("", "popupWindow", "width=300, height=200");
// Scrivi del testo nella nuova finestra
// Scrivi del testo nella nuova finestra: win.document.write("<p>Il nome di questa finestra è: " + win.name + "</p>");
// Scrivi del testo nella finestra creata per aprire una nuova finestra
win.opener.document.write("<h1>Questo è la finestra sorgente!</h1>");
Prova a vedere‹/›

Riferimenti correlati

Riferimento finestra (Window):Metodo close()

Riferimento finestra (Window):Proprietà closed

Riferimento finestra (Window):Proprietà opener

Oggetto Window JavaScript

Oggetto Storage JSOggetto Window JavaScript