Будьте в курсе последних событий, подпишитесь на обновления сайта

Глава 9. Работа с браузером и BOM

Объект Screen. Как узнать размеры экрана пользователя

Здравствуйте!  Да думал, что урок  по объекту Navigator будет последним в теме «Работа с BOM», но как оказалось я совсем забыл про еще один полезный объект screen. Благодаря объекту screen можно узнать размеры экрана пользователя, а соответственно это можно использовать для  адаптивного дизайна.

Объект screen

 

  • screen.width — возвращает ширину экрана монитора
  • screen.height —  возвращает  высоту экрана монитора
  • screen.availWidth — возвращает полезную  ширину экрана
  • screen.availHeight — возвращает полезную высоту экрана
  • screen.colorDepth — возвращает глубину цвета. Измеряется в бит/пиксель.

Читать далее

Получение справочной информации о посетителях. Объект navigator

Здравствуйте! В этом заключительном уроке по  объектам браузера (BOM) я  хочу рассмотреть такой интересный объект, как navigator.   Этот объект  содержит информацию о браузере и операционной системе, в которой собственно браузер и запущен. Он имеет ряд свойств и методов, основным из которых является свойство userAgent, представляющее браузер  посетителя:

    • appCodeName — Показывает  кодовое имя браузера.
    • appName — Показывает имя браузера.
    • appVersion — Показывает   версию браузера.
    • cookieEnabled — Проверяет включена или нет поддержка cookie у пользователя.
    • platform —  Показывает  платформу, под которую  был скомпилирован браузер пользователя.
    • userAgent — Показывает  полную информацию о браузере пользователя.

Объект navigator

Читать далее

Объект location

Здравствуйте! Продолжаем знакомиться с браузерной моделью BOM.  И сегодня на очереди у нас очень интересный объект  location, который  содержит информацию о расположении текущей веб-страницы: URL (адрес страницы), информацию о сервере, номер порта, протокол. С помощью свойств  этого объекта вы можете получить такую информацию:

  • href: полный адрес  узла
  • pathname: путь к узлу
  • origin: схема запроса
  • protocol:  используемый протокол  обычно http или https
  • port: порт, как  правило 80
  • host: имя сервера
  • hostname: название сервера
  • hash: если в строке запроса содержится  символ решетки (#), то это свойство вернет  ту часть строки, которая идет после этого символа
  • search: если в строке запроса содержится знак вопроса (?),  то данное свойство вернет ту часть строки, которая идет после знака вопроса

bom модель в javascript
Читать далее

Работа с историей браузера. Объект history

Здравствуйте! Продолжаем разбираться с объектами BOM и на очереди у нас объект history,  который  позволяет управлять историей браузера. В принципе он имитирует нажатие кнопок «Вперед» и «Назад» в самом  браузере. А также позволяет узнать количество, посещенных страниц пользователем.

Работа с историей браузера. Объект history

Читать далее

Управление окнами на JavaScript

Здравствуйте! В этом уроке мы с вами раз берем как создаются  окна с помощью объекта window.  Хочу напомнить вам, что мы уже рассматривали функции для взаимодействия с диалоговыми окнами. Это такие функции как alert(), prompt() и confirm(). В этом уроке мы рассмотрим создание всплывающих окон на JavaScript.

Создание всплывающих окон на JavaScript

Читать далее

Browser Object Model и объект окна window

Здравствуйте! Мы с вами уже рассмотрели работу с DOM,  но кроме того есть еще  и модель браузера, которая содержит ряд объектов.

Все  эти объекты, через которые JavaScript может  взаимодействовать с браузером, описываются таким понятием как Browser Object Model (Объектная Модель Браузера).

Browser Object Model (BOM)  можно представить в виде следующей схемы:

bom модель в javascript

 

В вершине находится главный объект — объект  окно или window, который  и представляет собой браузер. Этот объект в свою очередь включает в себя несколько других объектов, в частности, объект document, который представляет  веб-страницу.

Читать далее

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: