Как получить все ссылки на HTML-странице? JavaScript
В видео показан процесс получения всех ссылок с HTML-страницы интернет-магазина при помощи языка JavaScript. Для демонстрации команд используется браузер Google Chrome и его вкладка Console с инструментами разработчика.
У видео есть текстовая публикация, в которой можно неспешно посмотреть вводимые команды: https://efim360.ru/javascript-kak-pol...
00:00 Введение - Ссылочный профиль страницы
00:50 Тестирование на примере интернет-магазина
01:45 Ищем ссылки в разметке, инструментами разработчика
02:33 Элемент HTML-ссылки - "a"
03:25 Работа во вкладке Console
04:00 DOM - объектная модель документа
04:55 Интерфейс Document
05:30 Получаем HTML-коллекцию элементов "a"
06:40 Ключи элементов "a". Нам нужен ключ href
07:35 Преобразовываем HTML-коллекцию в массив. Стандарт ECMAScript
09:40 Получаем значения ключей href по каждому элементу массива. Метод map()
11:30 Переводим в одну строку. Складываем все элементы массива методом join()
13:00 Выводим все адреса ссылок в текущую страницу браузера
Работа ведётся с объектной моделью документа - DOM. Официальный сайт стандарта: https://dom.spec.whatwg.org/
Используется интерфейс Document и его функция document.getElementsByTagName("a").
Используется стандарт ECMAScript, в котором описана работа с объектом Array и его прототипами: https://tc39.es/ecma262/
Применяется метод конструктора Array - from
Применяются методы прототипов Array - map, join
Миксин HTMLHyperlinkElementUtils описывает работу с веб-ссылками - HTML-элементами a и area. Атрибут href хранит значение URL адреса перехода при нажатии на ссылку. Спецификация href: https://html.spec.whatwg.org/multipag...
Благодарю за просмотр!
Вы можете поддержать канал монеткой - Номер карты - 4276 5500 2378 3189
Ваша материальная поддержка придаст мне больше мотивации на создание нового материала.