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

Proprietà innerHeight della finestra

Oggetto Window JavaScript

innerHeightProprietà readonly che restituisce l'altezza dell'area di contenuto della finestra (viewport) con la barra di scorrimento.

UtilizzoouterHeightProprietà che ottiene l'altezza dell'intera finestra del browser.

Sintassi:

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

Compatibilità del browser

I numeri nella tabella specificano la versione del browser che supporta la proprietà innerHeight per la prima volta:

Proprietà
innerHeight11939

Dettagli tecnici

Valore di ritorno: Un numero che rappresenta l'altezza interna dell'area di contenuto della finestra del browser in pixel.

Altri esempi

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‹/›

Soluzione cross-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‹/›

Questo esempio mostra innerWidth, innerHeight, outerWidth e externalHeight 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>";
document.write(txt);
Prova a vedere‹/›

Riferimenti correlati

Riferimento: Window (Finestra)Proprietà window.innerWidth

Riferimento: Window (Finestra)Proprietà window.outerHeight

Riferimento: Window (Finestra)Proprietà window.outerWidth

Oggetto Window JavaScript