Exemplu
Obțineți înălțimea și lățimea ferestrei: (NOT including toolbars/scrollbars) a (NOT including toolbars/scrollbars) de (NOT including toolbars/scrollbars) :
var w = window.innerWidth;
var h = window.innerHeight;
Încearcă - l singur » Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
Proprietatea innerWidth returnează lățimea interioară a zonei conținutului unei ferestre.
Proprietatea innerHeight returnează înălțimea interioară a zonei conținutului unei ferestre.
Aceste proprietăți sunt numai în citire.
Sfat: Utilizați outerWidth și outerHeight proprietăți pentru a obține lățime / înălțime , cu bare de instrumente / barele de derulare.
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
| Proprietate | |||||
|---|---|---|---|---|---|
| innerWidth | 1.0 | 9 | 1.0 | 3.0 | 9 |
| innerHeight | 1.0 | 9 | 1.0 | 3.0 | 9 |
Note: Pentru IE8 și mai devreme, puteți utiliza clientWidth și clientHeight proprietăți (See "More Examples" below) A se (See "More Examples" below) de (See "More Examples" below) .
Sintaxă
window.innerWidth
window.innerHeightDetalii tehnice
| Întoarcere Valoare: | Un număr, reprezentând lățimea interioară și / sau înălțimea interioară a zonei de conținut a ferestrei browser-ului, în pixeli |
|---|
Mai multe exemple
Exemplu
O soluție cross-browser (folosind clientWidth și clientHeight pentru IE8 și mai devreme):
var w = window.innerWidth
|| document.documentElement.clientWidth
||
document.body.clientWidth;
var h = window.innerHeight
||
document.documentElement.clientHeight
|| document.body.clientHeight; Încearcă - l singur » Exemplu
O demonstrație de innerWidth, innerHeight, outerWidth și outerHeight într-un exemplu:
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>"; Încearcă - l singur » <Fereastra Object