Przykład
Get okna wysokość i szerokość: (including toolbars/scrollbars) :
var w = window.outerWidth;
var h = window.outerHeight; Spróbuj sam " Więcej "Try it Yourself" przykłady poniżej.
Definicja i Wykorzystanie
Właściwość outerWidth zwraca zewnętrzną szerokość i zawierającą wszystkie elementy interfejsu (like toolbars/scrollbars) .
Właściwość outerHeight zwraca zewnętrzną wysokość okna, w tym wszystkie elementy interfejsu (like toolbars/scrollbars) .
Te właściwości są tylko do odczytu.
Wskazówka: Użyj innerWidth i innerHeight właściwości, aby uzyskać szerokość / wysokość bez 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ść | |||||
|---|---|---|---|---|---|
| outerWidth | 1,0 | 9.0 | 1,0 | 3.0 | 9.0 |
| outerHeight | 1,0 | 9.0 | 1,0 | 3.0 | 9.0 |
Składnia
window.outerWidth
window.outerHeightSzczegóły techniczne
| Zwracana wartość: | Numer, reprezentujący zewnętrzną szerokość i / lub zewnętrzną wysokość okna przeglądarki, łącznie ze wszystkimi elementami interfejsu, w pikselach |
|---|
Więcej przykładów
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