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

Tutorial di base JavaScript

Oggetto JavaScript

Funzione JavaScript

HTML DOM JS

BOM del browser JS

Tutorial di base AJAX

Manuale di riferimento JavaScript

Modello oggetto browser JS Window

La finestra può essere la finestra principale, un set di frame o un singolo frame, persino una nuova finestra creata con JavaScript.

oggetto finestra

IlwindowL'oggetto rappresenta la finestra nel browser. L'oggetto window viene creato automaticamente dal browser.

Tutte le variabili globali sono proprietà, le funzioni sono metodi dell'oggetto window.

Tutti gli oggetti JavaScript globali, le funzioni e le variabili diventano membri automatici dell'oggetto window.

L'oggetto documento è una proprietà dell'oggetto window. Quindi, inserisci

window.document.write("Hello　world")

Come quello sotto

document.write("Hello　world")

Calcolo delle dimensioni della finestra

L'oggetto window fornisce 2 proprietà per trovare la larghezza e l'altezza della vista della finestra del browser.

Queste due proprietà restituiscono le dimensioni in pixel:

Ecco un esempio di come mostrare la dimensione attuale della finestra di visualizzazione:

var h = window.innerHeight;
var w = window.innerWidth;
Prova a vedere‹/›

Per Internet Explorer 5, 6, 7, 8:

  • document.documentElement.clientWidth

  • document.documentElement.clientHeight

o

  • document.body.clientWidth

  • document.body.clientHeight

Soluzione multi-browser (per IE8 e versioni precedenti utilizza clientWidth e clientHeight):

var　h　=　window.innerHeight
||　document.documentElement.clientHeight
||　document.body.clientHeight;
var　w　=　window.innerWidth
||　document.documentElement.clientWidth
|| document.body.clientWidth;
Prova a vedere‹/›

Visualizza altezza e larghezza utilizzando l'evento onresize:

<body onresize="myFunc()">
<script>
function myFunc() {
　　　var w = window.innerWidth;
　　　var h = window.innerHeight;
　　　document.getElementById("para").innerHTML = "Larghezza: " + w + "<br>Altezza: " + h;
}
</script>
Prova a vedere‹/›

Apri una nuova finestra

window.open()Il metodo aprirà una nuova finestra del browser e caricherà il documento specificato al suo interno.

I seguenti esempi aprono "it.oldtoolbag.com" in una nuova finestra con dimensioni specificate:

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

Completo riferimento alla finestra

Per una guida completa alle proprietà e ai metodi, visitare il nostroRiferimento all'oggetto finestra JavaScript.

La parte di riferimento contiene descrizioni e esempi di tutte le proprietà e i metodi delle finestre.

Schermo JS WindowNavigazione JS DOM