Эта инструкция нужна для написания кода в «редакторе кода» (NotePAD++, VSC, WebStorm и т.п.). Если вы работаете напрямую в консоли браузера, то в ней нет необходимости. У нас есть массив: var massiv = ["JavaScript", "Array", "Index"] // простой массив из строк Пишем команду, которая выведет элемент массива в консоль браузера […]
Архивы по дням: 10.12.2020
В решении этого вопроса нам поможет «Объектная модель документа» (DOM). В этом стандарте есть «интерфейс Document». В нём есть узел, который называется document. Обращение к этому узлу возвращает нам полный список элементов HTML-страницы: document Информационные ссылки DOM DOM | Интерфейс Document JavaScript | Как получить код HTML-страницы?
Как отобрать элементы с уникальными значениями в массиве? У нас есть массив из чисел: var massiv = [1, 2, 3, 3, 4, 4, 4, 5, 6, 7, 10, 10, 10, 40, 65, 83, 83, 83, 109, 109, 432, 456] Этот массив отсортирован по возрастанию элементов, чтобы было легче его воспринимать […]
У любого массива есть свойство «length» (длина). Также любой массив можно создать при помощи синтаксиса языка — квадратными скобками. Для этого нужно внутрь квадратных скобок поместить 10 запятых: var massiv = [,,,,,,,,,,] Данная команда создаст нам пустой массив длиной 10. Но есть другой способ создания массива из 10 элементов — […]
sitemap.xml — это специальный файл для поисковых систем, который содержит URL-адреса на внутренние страницы сайта, представляющие интерес для владельца сайта. sitemap.xml анализируется поисковыми роботами, а затем страницы сайта попадают в поисковый индекс и могут начать показываться в поисковых системах по запросам пользователей. Что нужно знать? sitemap.xml может хранить максимально 50000 адресов в […]
Стандарт ECMAScript позволяет любой текст превратить в ссылку. Для этого есть специальное свойство String.prototype.link(url). JavaScript работает на стандарте ECMAScript, а это значит, что в JavaScript это работает точно так же. Как это работает? У нас есть текст в виде строкового типа данных (String): var stroka = "Скачайте файл по ссылке. […]
document.body.children Данная команда возвращает прототип объекта HTMLCollection — это массиво-подобный объект, который хранит в себе узлы объектной модели документа (DOM). Мы получаем всех детей HTML-элемента <body> с их собственной структурой вложенности при помощи JavaScript. В коллекции, дети выстаиваются в порядке появления в разметке документа (древовидный порядок). Первый элемент коллекции будет […]
Одна простая команда: document.body.children В ответ мы получим детей, которые находятся внутри элемента <body>. Как это работает? Мы сначала обращаемся к объекту document, который может являться текущей страницей в браузере. Затем у объекта document мы запрашиваем значение атрибута body, который по аналогии возвращает нам сам JavaScript объект элемента <body>. Далее […]
Функции в JavaScript — это маленькие программки, которые выполняют разные специфичные задачи. Что нужно знать про функции? Условно все функции можно разделить на 3 состояния: Функция может быть ОБЪЯВЛЕНА (т. е. тело функции содержит саму информацию о работе функции — что, куда и как) Функция может быть ВЫЗВАНА (т. […]
Что такое элемент массива? Элемент массива — это пара «индекс / значение», которая определяет одну единицу массива. Массивы могут состоять из элементов, а могут быть «пустыми» — без элементов. Индексы массивов всегда начинаются с нуля. Индексы массивов всегда целые положительные числа. Значения могут быть любого типа данных — числа, строки, […]
Под словосочетанием «индекс массива» подразумевают «номер целочисленного индекса элемента массива«. Как это понять? Любой элемент массива состоит из пары «ИНДЕКС / ЗНАЧЕНИЕ». Индексы — порядковые номера элементов. Сначала идёт первый элемент, потом второй, потом третий и т.д.. Значения — это данные, которые мы храним в элементах массивов. Именно эти данные […]
Одной командой document.documentElement.innerText Куда вводить эту команду? Открываете HTML-страницу, с которой хотите получить весь текст. Включаете «Инструменты разработчика» в браузере (CTRL + SHIFT + i). Находите вкладку «Console«. Тыкаете курсор в белое поле справа от синей стрелочки. Вставляете команду. Жмёте клавишу ENTER. Для тех кто не понял длинную строчку кода […]
Одной командой Получаем массив из строк с адресами со знаками вопросов, которые достали из атрибутов href элементов <a> Array.from(document.getElementsByTagName("a")).filter(i => i.search != "").map(i => i.href) С выводом результатов на текущую страницу «замудрёным» способом 🙂 document.write((((Array.from(document.getElementsByTagName("a"))).map(i => {if (i.search != "") {return i.href}})).filter(i => i != undefined)).join("<br>")) Куда вводить эту команду? Открываете HTML-страницу, с которой хотите получить […]
Сокращение длины массива Иногда требуется уменьшить длину массива. Пусть у нас будет массив massivMinus: var massivMinus = ["qqq","www","eee","rrr","ttt","yyy"] Этот массив имеет 6 элементов со значениями. Это полный массив, а значит количество элементов равняется количеству его индексов (6 элементов / 6 индексов). Его индексы: 0, 1, 2, 3, 4, 5 Мы […]
Одной командой Получаем массив из строк-адресов со знаками решётки из атрибутов href элементов <a> Array.from(document.getElementsByTagName("a")).filter(i => i.hash != "").map(i => i.href) С выводом на текущую страницу «замудрёным» способом 🙂 document.write((((Array.from(document.getElementsByTagName("a"))).map(i => {if (i.hash != "") {return i.href}})).filter(i => i != undefined)).join("<br>")) Куда вводить эту команду? Открываете HTML-страницу, с которой хотите получить все ссылки. Включаете «Инструменты […]
У нас есть строка, которая состоит из цифр: var stroka = "167592" Мы хотим сложить все цифры из этой строки. То есть мы хотим выполнить такую операцию: 1 + 6 + 7 + 5 + 9 + 2 Как это сделать? Сперва преобразуем строку в массив элементов: var massiv_str = […]