Esempio
Prendi l'altezza della finestra e larghezza: (NOT including toolbars/scrollbars) :
var w = window.innerWidth;
var h = window.innerHeight;
Prova tu stesso " Più "Try it Yourself" esempi di seguito.
Definizione e l'utilizzo
La proprietà innerWidth restituisce la larghezza interna di area del contenuto di una finestra.
La proprietà innerHeight restituisce l'altezza interna di area del contenuto di una finestra.
Queste proprietà sono di sola lettura.
Suggerimento: utilizzare i outerWidth e outerHeight proprietà per ottenere la larghezza / altezza con barre degli strumenti / barre di scorrimento.
Supporto browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
| Proprietà | |||||
|---|---|---|---|---|---|
| innerWidth | 1.0 | 9.0 | 1.0 | 3.0 | 9.0 |
| innerHeight | 1.0 | 9.0 | 1.0 | 3.0 | 9.0 |
Note: Per IE8 e precedenti, è possibile utilizzare i clientWidth e clientHeight proprietà (See "More Examples" below) .
Sintassi
window.innerWidth
window.innerHeightDettagli tecnici
| Valore di ritorno: | Un numero, che rappresenta la larghezza interna e / o l'altezza interna della area del contenuto della finestra del browser, in pixel |
|---|
Altri esempi
Esempio
Una soluzione cross-browser (utilizzando clientWidth e clientHeight per IE8 e precedenti):
var w = window.innerWidth
|| document.documentElement.clientWidth
||
document.body.clientWidth;
var h = window.innerHeight
||
document.documentElement.clientHeight
|| document.body.clientHeight; Prova tu stesso " 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