Przykład
Dostać na wysokość i szerokość okna: (NOT including toolbars/scrollbars) :
var w = window.innerWidth;
var h = window.innerHeight;
Spróbuj sam " Więcej "Try it Yourself" przykłady poniżej.
Definicja i Wykorzystanie
Nieruchomość innerWidth zwraca wewnętrzną szerokość obszaru zawartości danego okna.
Nieruchomość innerHeight zwraca wewnętrzną wysokość obszaru zawartości danego okna.
Te właściwości są tylko do odczytu.
Wskazówka: Użyj outerWidth i outerHeight właściwości, aby uzyskać szerokość / wysokość z pasków narzędzi / przewijania.
Wsparcie przeglądarka
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
| Nieruchomość | |||||
|---|---|---|---|---|---|
| innerWidth | 1,0 | 9.0 | 1,0 | 3.0 | 9.0 |
| innerHeight | 1,0 | 9.0 | 1,0 | 3.0 | 9.0 |
Note: W przypadku IE8 i wcześniej, można użyć clientWidth i clientHeight właściwości (See "More Examples" below) .
Składnia
window.innerWidth
window.innerHeightSzczegóły techniczne
| Zwracana wartość: | Numer, reprezentujący wewnętrzną szerokość i / lub wewnętrzną wysokość obszaru zawartości okna przeglądarki, w pikselach |
|---|
Więcej przykładów
Przykład
Rozwiązanie cross-browser (używając clientWidth i clientHeight dla IE8 i wcześniej):
var w = window.innerWidth
|| document.documentElement.clientWidth
||
document.body.clientWidth;
var h = window.innerHeight
||
document.documentElement.clientHeight
|| document.body.clientHeight; Spróbuj sam " Przykład
Demonstracja innerWidth, innerHeight, outerWidth i outerHeight w jednym przykładzie:
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>"; Spróbuj sam " <Okno Object