В данном разделе содержатся уроки по Javascript. Они рассчитаны на тех кто хорошо знаком с HTML и CSS и помогут вам сделать ваши сайты адаптивными и динамичными. Все уроки представлены с примерами которые можно посмотреть в отдельном окне, также имеются задания к урокам.
Получение справочной информации о посетителях. Объект navigator
Здравствуйте! В этом заключительном уроке по объектам браузера (BOM) я хочу рассмотреть такой интересный объект, как navigator. Этот объект содержит информацию о браузере и операционной системе, в которой собственно браузер и запущен. Он имеет ряд свойств и методов, основным из которых является свойство userAgent, представляющее браузер посетителя:
-
- appCodeName — Показывает кодовое имя браузера.
- appName — Показывает имя браузера.
- appVersion — Показывает версию браузера.
- cookieEnabled — Проверяет включена или нет поддержка cookie у пользователя.
- platform — Показывает платформу, под которую был скомпилирован браузер пользователя.
- userAgent — Показывает полную информацию о браузере пользователя.
Объект location
Здравствуйте! Продолжаем знакомиться с браузерной моделью BOM. И сегодня на очереди у нас очень интересный объект location, который содержит информацию о расположении текущей веб-страницы: URL (адрес страницы), информацию о сервере, номер порта, протокол. С помощью свойств этого объекта вы можете получить такую информацию:
- href: полный адрес узла
- pathname: путь к узлу
- origin: схема запроса
- protocol: используемый протокол обычно http или https
- port: порт, как правило 80
- host: имя сервера
- hostname: название сервера
- hash: если в строке запроса содержится символ решетки (#), то это свойство вернет ту часть строки, которая идет после этого символа
- search: если в строке запроса содержится знак вопроса (?), то данное свойство вернет ту часть строки, которая идет после знака вопроса
Работа с историей браузера. Объект history
Здравствуйте! Продолжаем разбираться с объектами BOM и на очереди у нас объект history, который позволяет управлять историей браузера. В принципе он имитирует нажатие кнопок «Вперед» и «Назад» в самом браузере. А также позволяет узнать количество, посещенных страниц пользователем.
Управление окнами на JavaScript
Здравствуйте! В этом уроке мы с вами раз берем как создаются окна с помощью объекта window. Хочу напомнить вам, что мы уже рассматривали функции для взаимодействия с диалоговыми окнами. Это такие функции как alert(), prompt() и confirm(). В этом уроке мы рассмотрим создание всплывающих окон на JavaScript.
Browser Object Model и объект окна window
Здравствуйте! Мы с вами уже рассмотрели работу с DOM, но кроме того есть еще и модель браузера, которая содержит ряд объектов.
Все эти объекты, через которые JavaScript может взаимодействовать с браузером, описываются таким понятием как Browser Object Model (Объектная Модель Браузера).
Browser Object Model (BOM) можно представить в виде следующей схемы:
В вершине находится главный объект — объект окно или window, который и представляет собой браузер. Этот объект в свою очередь включает в себя несколько других объектов, в частности, объект document, который представляет веб-страницу.
Отправка данных формы: событие и метод submit
Здравствуйте! В этом последнем уроке по работе с формами в JavaScript я хотел бы рассказать об отправке данных формы и конкретно об методе submit. Само событие submit появляется при отправке данных формы на сервер. И наиболее частое его применение – это валидация или просто проверка формы перед отправкой.
Метод submit позволяет отправить форму из JavaScript, без непосредственного участия пользователя. Далее давайте рассмотрим более детально.
Изменение элементов формы: change, input, cut, copy, paste
Здравствуйте! Продолжаем разбираться с событиями формы в JavaScript и в этом уроке я расскажу о таких особенных событиях как change, input, cut, copy, paste. Это так называемые специальные события о них мы и поговорим в этом уроке.
События: focus и blur
Здравствуйте! Продолжаем разбираться с обработкой полей и элементов формы на JavaScript и сегодня рассмотрим такие события как focus и blur. Давайте сразу разберемся, что такое «фокус элемента» — это когда пользователь клацает на элементе формы.
Потеря фокуса — это когда пользователь уходит с одного элемента формы и переходит на другой элемент будь то текстовое поле или выпадающий список. Но давайте обо всем подробнее.
Свойства элементов формы
Здравствуйте! В этом уроке мы с вами рассмотрим элементы формы и навигацию по форме в JavaScript. Надо сказать, что элементы form имею довольно много свойств, которые мы сегодня и разберем. Да если вдруг забыли что такое HTML форма, то почитайте здесь.
Загрузка скриптов, картинок: события onload и onerror
Здравствуйте! В этом уроке я хотел бы рассказать о таких вещах как загрузка картинок и скриптов и подробнее остановиться на событиях onload и onerror. Браузер позволяет вам отслеживать загрузку внешних скриптов и картинок и для этого вы можете использовать такие события.
- onload — если загрузка прошла успешно
- onerror — если произошла ошибка
Сообщить об опечатке
Текст, который будет отправлен нашим редакторам: