Последние учебники веб-разработки
×

JS Руководство

JS ГЛАВНАЯ JS Введение JS Куда JS Вывод JS Синтаксис JS Заявления JS Комментарии JS переменные JS операторы JS арифметика JS присваивание JS Типы данных JS функции JS Объекты JS Объем JS Мероприятия JS Строки JS Методы струнных JS чисел JS Методы Number JS математический JS Даты JS Форматы даты JS Методы Дата JS Массивы JS Методы массивов JS Booleans JS Сравнения JS условия JS переключатель JS петля For JS В то время как Loop JS Ломать JS Тип преобразования JS RegExp JS ошибки JS отладка JS Подъемно JS Строгий режим JS Гид по стилю JS Лучшие практики JS Ошибки JS Представление JS Зарезервированные слова JS JSON

JS формы

Формы проверки Формы API

JS объект

Определения объектов Свойства объекта Методы объекта Прототипы объектов

JS функции

Определения функций Функциональные параметры Функция Призвание Функция Затворы

JS HTML DOM

DOM вступление DOM методы DOM Документ DOM элементы DOM HTML DOM CSS DOM Анимации DOM Мероприятия DOM EventListener DOM навигация DOM Вершины DOM Nodelist

JS браузер BOM

JS Window JS Screen JS Location JS History JS Navigator JS Popup Alert JS Timing JS Cookies

JS Примеры

JS Примеры JS HTML DOM JS HTML вход JS HTML Объекты JS HTML Мероприятия JS браузер JS викторина JS Резюме

JS Рекомендации

JavaScript Объекты HTML DOM Объекты


 

JavaScript Окно - Обозреватель объектов Модель


Модель Обозреватель объектов (BOM) позволяет JavaScript, чтобы "поговорить" в браузере.


Модель Обозреватель объектов (BOM)

Там нет никаких официальных стандартов для модели Браузер объектов (BOM).

Так как современные браузеры реализовали (почти) одни и те же методы и свойства для JavaScript интерактивности, он часто упоминается, как методы и свойства спецификации.


Window Object

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

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

Глобальные переменные свойства объекта окна.

Глобальные функции являются методами объекта окна.

Даже объект документа (в HTML DOM) является свойством объекта окна:

window.document.getElementById("header");

такой же как:

document.getElementById("header");

Размер окна

Два свойства могут быть использованы для определения размера окна браузера.

Оба свойства возвращают размеры в пикселях:

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

В окне браузера (браузер видовой экран) не включает панелей инструментов и полосы прокрутки.

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

  • document.documentElement.clientHeight
  • document.documentElement.clientWidth
  • or
  • document.body.clientHeight
  • document.body.clientWidth

Практическое решение JavaScript (охватывающий все браузеры):

пример

var w = window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;

var h = window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;
Попробуй сам "

Пример показывает высоту окна браузера и ширину: (не включая панелей инструментов / скроллинга)


Другие Window методы

Некоторые другие методы:

  • window.open() - открыть новое окно
  • window.close() - закрыть текущее окно
  • window.moveTo() -Move текущее окно
  • window.resizeTo() -resize текущее окно