Уроки JavaScript

В данном разделе содержатся уроки по Javascript. Они рассчитаны на тех кто хорошо знаком с HTML и CSS и помогут вам сделать ваши сайты адаптивными и динамичными. Все уроки представлены с примерами которые можно посмотреть в отдельном окне, также имеются задания к урокам.

Получение справочной информации о посетителях. Объект 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, который представляет  веб-страницу.

Читать далее

Отправка данных формы: событие и метод submit

Здравствуйте!  В этом последнем уроке по работе с формами в JavaScript   я хотел бы  рассказать об  отправке данных формы и конкретно  об методе submit.  Само событие submit  появляется при отправке данных  формы на сервер.  И наиболее частое его применение – это валидация  или  просто проверка  формы перед отправкой.

Метод submit позволяет отправить форму из JavaScript, без  непосредственного участия пользователя.  Далее  давайте рассмотрим  более  детально.

Отправка формы javascript

Читать далее

Изменение элементов формы: change, input, cut, copy, paste

Здравствуйте! Продолжаем разбираться с событиями формы в JavaScript  и в этом уроке я расскажу о  таких особенных событиях как change, input, cut, copy, paste.  Это так называемые специальные события о них мы и поговорим в этом уроке.

События input, copy, paste, change

Читать далее

События: focus и blur

Здравствуйте!  Продолжаем разбираться  с обработкой   полей и элементов  формы на JavaScript  и сегодня рассмотрим такие события как  focus и blur.   Давайте сразу разберемся, что такое «фокус  элемента» —  это когда  пользователь  клацает на элементе формы.

Потеря фокуса —  это когда  пользователь уходит  с одного элемента формы и переходит на другой элемент  будь то  текстовое поле или  выпадающий список. Но давайте  обо всем подробнее.

События focus и blur

Читать далее

Свойства элементов формы

Здравствуйте! В  этом уроке мы с вами рассмотрим  элементы формы и  навигацию по форме в JavaScript. Надо сказать, что элементы form имею довольно много свойств, которые мы сегодня и разберем.  Да если вдруг забыли что такое HTML форма, то почитайте здесь.

Элементы формы javascript

Читать далее

Загрузка скриптов, картинок: события onload и onerror

Здравствуйте! В этом уроке я хотел бы рассказать о таких вещах как  загрузка картинок и скриптов и подробнее остановиться на событиях onload и onerror.  Браузер позволяет вам отслеживать  загрузку внешних скриптов и картинок и для этого вы можете использовать такие события.

  • onload — если загрузка прошла успешно
  • onerror — если произошла ошибка

Событие onload и onerror javascript

Читать далее

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

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