English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
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.
window.innerHeight
var h = window.innerHeight; var w = window.innerWidth;Prova a vedere‹/›
I numeri nella tabella specificano la versione del browser che supporta la proprietà innerHeight per la prima volta:
Proprietà | |||||
innerHeight | 1 | 1 | 9 | 3 | 9 |
Valore di ritorno: | Un numero che rappresenta l'altezza interna dell'area di contenuto della finestra del browser in pixel. |
---|
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‹/›
Riferimento: Window (Finestra)Proprietà window.innerWidth
Riferimento: Window (Finestra)Proprietà window.outerHeight
Riferimento: Window (Finestra)Proprietà window.outerWidth