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

Учебник по основам JavaScript

Объекты JavaScript

Функции JavaScript

JS HTML DOM

JS браузер BOM

Учебник по основам AJAX

Руководство по JavaScript

Модель объекта браузера JS Window

Окно может быть основным окном, рамочным набором или отдельной рамкой, а также новым окном, созданным с помощью JavaScript.

Объект окна

ЭтотwindowОбъект represents window в браузере. Объект window создается браузером автоматически.

Все глобальные переменные являются свойствами, функции — методами объекта window.

Все глобальные объекты JavaScript, функции и переменные автоматически становятся членами объекта window.

Объект документа является свойством объекта window. Поэтому, ввод

window.document.write("Hello　world")

Как и下面的

document.write("Hello　world")

Вычисление размера окна

Объект window предоставляет 2 свойства для нахождения ширины и высоты видимой части браузерного окна.

Эти два свойства возвращают размер в пикселях:

  • window.innerWidth -Внутренняя ширина браузерного окна (в пикселях)

  • window.innerHeight -Внутренняя высота браузерного окна (в пикселях)

Вот пример отображения текущего размера окна:

var h = window.innerHeight;
var w = window.innerWidth;
Проверьте‹/›

Для Internet Explorer 5, 6, 7, 8:

  • document.documentElement.clientWidth

  • document.documentElement.clientHeight

или

  • document.body.clientWidth

  • document.body.clientHeight

Кросс-браузерные решения (для IE8 и более ранних версий использовать clientWidth и clientHeight):

var　h　=　window.innerHeight
||　document.documentElement.clientHeight
||　document.body.clientHeight;
var　w　=　window.innerWidth
||　document.documentElement.clientWidth
|| document.body.clientWidth;
Проверьте‹/›

Использование события onresize для отображения высоты и ширины:

<body onresize="myFunc()">
<script>
function myFunc() {
　　　var w = window.innerWidth;
　　　var h = window.innerHeight;
　　　document.getElementById("para").innerHTML = "Ширина: " + w + "<br>Высота: " + h;
}
</script>
Проверьте‹/›

Открывает новое окно

window.open()Метод откроет новый браузерный窗口 и загрузит в него указанный документ.

Следующие примеры открываются в новом окне с указанными шириной и высотой: "ru.oldtoolbag.com"

window.open("https://ru.oldtoolbag.com", "", "width=400, height=300");
Проверьте‹/›

Полный справочник по окну

Для полного справочника по свойствам и методам обратитесь к нашемуСправочник по объекту окна JavaScript.

Часть справки содержит описание и примеры всех свойств и методов окна.

JS Window ScreenНавигация JS DOM