Лекция 1.11 - Web - Объектная Модель Браузера в JavaScript (BOM или DOM в JS)

Опубликовано: 04 Октябрь 2024
на канале: IT Public 503
1,954
83

В лекции рассматриваем стандартные объекты браузера: window, document, location, history, navigator. Так же разбираем способы получения доступа к элементам страницы через getElementById или querySelector. Детально рассматриваем получение данных от полей ввода, чекбоксов, радиокнопок и выпадающих списков.

#js #javascript #dom #ОбъектнаяМодельБраузера

Часть 1 - Основы JavaScript:    • Лекция 1.9 - Web - Основы языка JavaS...  
Часть 2 - Продвинутый JavaScript:    • Лекция 1.10 - Web - Продвинутый Javas...  
Часть 4 - События в JS -    • Лекция 1.12 - Web - Обработка событий...  

Полный курс Web-программирование -    • Обзор курса WEB-программирование  

Содержание Часть 3:
00:00 - Вступление
01:05 - Что такое BOM - Browser Object Model
04:01 - Дерево объектов BOM
13:10 - Объект navigator
20:24 - Объект window
24:30 - Диалоговые окна alert, confirm, prompt
30:20 - Таймеры в JavaScript (setTimeout и setInterval)
39:33 - Объект history
45:40 - Объект location
52:50 - Объект document
01:01:00 - Получение элементов через getElementById, getElementsByName, getElementsByTagName
01:08:02 - Выборки элементов через querySelector и querySelectorAll
01:14:00 - Объект Image и предзагрузка картинок
01:23:08 - Объект Form
01:27:15 - Получение доступа к элементам на форме
01:34:55 - Получение данных из текстовых полей (text, textarea, hidden, password)
01:39:30 - Получение данных радиогруппы (input type=radio)
01:45:00 - Получение данных от чекбоксов (input type=checkbox)
01:47:00 - Получение данных от выпадающих списков (select + option)