Одной командой document.getElementsByTagName("a") С выводом результатов на текущую страницу: document.write(((Array.from(document.getElementsByTagName("a"))).map(i => {return i.href})).join("<br>")) Куда вводить эту команду? Открываете HTML-страницу, с которой хотите получить все веб-ссылки. Включаете «Инструменты разработчика» в браузере (CTRL + SHIFT + i). Находите вкладку «Console«. Тыкаете курсор в белое поле справа от синей стрелочки. Вставляете команду. Жмёте […]
FrontEND
282 записи
Склеить два массива — это создать новый массив (третий), в котором будут все элементы первого массива и все элементы второго массива. Ссылки JavaScript | Как склеить два массива в один? JavaScript — Массивы — https://efim360.ru/javascript-massivy-array/ ECMAScript — Living Standard — https://tc39.es/ecma262/#sec-array-objects
Одной командой Array.from(document.getElementsByTagName(«a»)).map(i => {if(i.hash != «» || i.search != «»){return i.origin + i.pathname}else{return i.origin + i.pathname}}) Куда вводить эту команду? Открываете HTML-страницу, с которой хотите получить все ссылки. Включаете «Инструменты разработчика» в браузере (CTRL + SHIFT + i). Находите вкладку «Console«. Тыкаете курсор в белое поле справа от синей […]
Массивы — это индексные коллекции. То есть когда мы говорим о склеивании массивов, мы подразумеваем передачу элементов одного массива другому. Стоит понимать, что при переносе элементов предыдущие индексы каждого элемента могут измениться. По сути, когда мы склеиваем массивы друг с другом, мы создаём новый массив со своей последовательностью элементов (со […]
Одной командой document.write((((Array.from(document.getElementsByTagName("a"))).map(i => {if (i.hash != "") {return i.href}})).filter(i => i != undefined)).join("<br>")) Куда вводить эту команду? Открываете HTML-страницу, с которой хотите получить все ссылки. Включаете «Инструменты разработчика» в браузере (CTRL + SHIFT + i). Находите вкладку «Console«. Тыкаете курсор в белое поле справа от синей стрелочки. Вставляете команду. […]
Одной командой document.write((((Array.from(document.getElementsByTagName("script"))).map(i => {return i.src}))).join("<br>")) Куда вводить эту команду? Открываете HTML-страницу, с которой хотите получить все ссылки. Включаете «Инструменты разработчика» в браузере (CTRL + SHIFT + i). Находите вкладку «Console«. Тыкаете курсор в белое поле справа от синей стрелочки. Вставляете команду. Жмёте ENTER. Для тех кто не понял длинную […]
Чтобы разложить объект на массив нужно обратиться к конструктору Object и вызвать у него метод entries(), где в качестве параметра передать интересующий нас объект. Пусть у нас будет такой объект для трансформации: var obiekt = {a:[1,2.3], b:["efim","360","ru",{x:"efim360.ru"}], c:[{}]} Вывод в консоль браузера: Применим метод entries(): var massiv = Object.entries(obiekt) Вывод […]
Одной командой document.write((((Array.from(document.getElementsByTagName("a"))).map(i => {if (i.search != "") {return i.href}})).filter(i => i != undefined)).join("<br>")) Куда вводить эту команду? Открываете HTML-страницу, с которой хотите получить все ссылки. Включаете «Инструменты разработчика» в браузере (CTRL + SHIFT + i). Находите вкладку «Console«. Тыкаете курсор в белое поле справа от синей стрелочки. Вставляете команду. […]
Одной командой document.write((((Array.from(document.getElementsByTagName("a"))).map(i => {if (i.hostname != document.domain) {return i.href}})).filter(i => i != undefined)).join("<br>")) Куда вводить эту команду? Открываете HTML-страницу, с которой хотите получить все ссылки. Включаете «Инструменты разработчика» в браузере (CTRL + SHIFT + i). Находите вкладку «Console«. Тыкаете курсор в белое поле справа от синей стрелочки. Вставляете команду. […]
Одной командой document.write((((Array.from(document.getElementsByTagName("a"))).map(i => {if (i.hostname == document.domain) {return i.href}})).filter(i => i != undefined)).join("<br>")) Куда вводить эту команду? Открываете HTML-страницу, с которой хотите получить все ссылки. Включаете «Инструменты разработчика» в браузере (CTRL + SHIFT + i). Находите вкладку «Console«. Тыкаете курсор в белое поле справа от синей стрелочки. Вставляете команду. […]
Мы имеем такой объект: var obiekt = {a:[1,2.3], b:["efim","360","ru",{x:"efim360.ru"}], c:[{}]} Вывод в консоль браузера: Как получить объект {x;«efim360.ru»}? Будем двигаться в глубину и отслеживать результаты. У нас есть основной объект на первом уровне. Для начала обратимся к элементу верхнего объекта, в котором встречаются нужные нам данные: obiekt.b Обращение к ключу […]
Есть интернет-магазин. У него есть сниппеты-ссылки: картинка + заголовок + что-то ещё. Мы видим, что ссылкой обёрнуты элементы: изображения, цены, заголовка, акционной метки, услуги. Это правильно т. к. пользователь может «тыкнуть» куда угодно. Одному захочется нажать для совершения перехода на картинку, а другому на заголовок. В данной ситуации нас интересует […]
Одной командой document.getElementsByTagName("a").length Куда вводить эту команду? Открываете HTML-страницу, с которой хотите получить все ссылки. Включаете «Инструменты разработчика» в браузере (CTRL + SHIFT + i). Находите вкладку «Console«. Тыкаете курсор в белое поле справа от синей стрелочки. Вставляете команду. Жмёте ENTER. Как это работает? Для начала мы обращаемся к документу, […]
Варианты умножения длины массива на 2 Анонимный массив [].length = [].length * 2 Мы получим 0 т. к. изначальное значение длины анонимного массива ноль. Умножение на ноль даёт ноль (стандартная математика) Именованный массив var massiv = [5,"efim360.ru", true, [1,2], {a:2}] Текущая длина массива равна 5. Умножим длину этого массива […]
Одной командой Анонимный способ [5,"efim360.ru", true, [1,2], {a:2}].length = 0 Именованный способ var massiv = [5,"efim360.ru", true, [1,2], {a:2}] massiv.length = 0 Описание Чтобы полностью очистить массив от элементов нужно установить его длину на ноль. Эта операция удалит все элементы массива, а также их значения. Ссылки JavaScript | Массивы (Array) […]
Одной командой document.getElementsByTagName("a")[0].href Вместо нуля нужно подставить индекс элемента a. Куда вводить эту команду? Открываете HTML-страницу, с которой хотите получить все ссылки. Включаете «Инструменты разработчика» в браузере (CTRL + SHIFT + i). Находите вкладку «Console«. Тыкаете курсор в белое поле справа от синей стрелочки. Вставляете команду. Жмёте ENTER. Для тех […]
Аннотация DOM определяет платформенно-нейтральную модель для событий, прерывания действий и деревьев узлов. Версия документа от 05 октября 2020 года. Оглавление Цели 1 Инфраструктура 1.1 Деревья 1.2 Заказанные наборы (Упорядоченное множество) 1.3 Селекторы 1.4 Пространства имен 2 События 2.1 Введение в "События DOM" 2.2 Интерфейс Event (Событие) 2.3 Устаревшие расширения интерфейса […]
Иногда требуется увеличить длину массива. Пусть у нас будет массив massivPlus: var massivPlus = ["qqq","www","eee","rrr"] Этот массив имеет 4 элемента со значениями. Это полный массив, а значит количество элементов равняется количеству его индексов (4 элемента / 4 индекса). Его индексы: 0, 1, 2, 3 Мы визуально видим, что длина massivPlus равна […]
В стандарте DOM есть интерфейс Document, который имеет свои атрибуты. В нашем случае для определения URL-адреса текущей страницы поможет атрибут URL и атрибут documentURI. Для примера обратимся к странице по адресу: https://getbootstrap.com/docs/4.5/getting-started/introduction/ Скриншот страницы: Обратимся к объекту document и его атрибутам: document.URL document.documentURI Обе команды возвращают нам URL текущей страницы:
У нас есть массив из разных типов данных: var massiv = [5,"efim360.ru", true, [1,2], {a:2}] Как узнать длину каждого из элементов массива? Сперва мы должны обратиться к каждому элементу массива: massiv[0] massiv[1] massiv[2] massiv[3] massiv[4] Вывод в консоли браузера: Теперь мы можем «попробовать» вызвать свойство length у каждого элемента массива. massiv[0].length […]