Esempio
Ottenere la larghezza e l'altezza della finestra: (including toolbars/scrollbars) :
var w = window.outerWidth;
var h = window.outerHeight; Prova tu stesso " Più "Try it Yourself" esempi di seguito.
Definizione e l'utilizzo
La proprietà outerWidth restituisce la larghezza esterna di una finestra, compresi tutti gli elementi di interfaccia (like toolbars/scrollbars) .
La proprietà outerHeight restituisce l'altezza esterna di una finestra, tra cui tutti gli elementi dell'interfaccia (like toolbars/scrollbars) .
Queste proprietà sono di sola lettura.
Suggerimento: utilizzare i innerWidth e innerHeight proprietà per ottenere la larghezza / altezza senza barre degli strumenti / barre di scorrimento.
Supporto browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
| Proprietà | |||||
|---|---|---|---|---|---|
| outerWidth | 1.0 | 9.0 | 1.0 | 3.0 | 9.0 |
| outerHeight | 1.0 | 9.0 | 1.0 | 3.0 | 9.0 |
Sintassi
window.outerWidth
window.outerHeightDettagli tecnici
| Valore di ritorno: | Un numero, che rappresenta la larghezza esterna e / o l'altezza esterna della finestra del browser, compresi tutti gli elementi di interfaccia, in pixel |
|---|
Altri esempi
Esempio
Una dimostrazione di innerWidth, innerHeight, outerWidth e outerHeight in un esempio:
var txt = "";
txt += "<p>innerWidth: " + window.innerWidth + "</p>";
txt +=
"<p>innerHeight: " + window.innerHeight + "</p>";
txt += "<p>outerWidth: " + window.outerWidth + "</p>";
txt += "<p>outerHeight:
" + window.outerHeight + "</p>"; Prova tu stesso " <Window Object