Web Мастерская
Контакт

Web Мастерская»Блог

Сообщество Web Мастеров. Тут собрано всё, чтобы написать свой первый сайт, запустить его в Интернет и поддерживать его в течении всей его работы.
Поиск блогов...

Как проверить событие: "window.onload"

JavaScript
Для проверки события: window.onload можно использовать: document.readyState:
Выделить
if (document.readyState == 'complete') {
	// Код JS
};
...

Как соединить два массива в один в JavaScript

JavaScript
Для соединения двух массивов будем использовать метод concat(), чьё предназначение: Вернуть новый массив, состоящий из массива, котором он был вызван, соединённого с другими массивом.

Допустим у нас есть два массива:
Выделить
const first  = [1, 2, 3];
const second = [4, 5, 6];

Делаем так:
Выделить
const common = first.concat(second);

Теперь common содержит в себе массив, состоящий из двух массивов:
[1, 2, 3, 4, 5, 6]
...

Cannot read properties of undefined (reading 'querySelector')

JavaScript Ошибка
Ошибка: Cannot read properties of undefined (reading 'querySelector') говорит о том, что метод: querySelector пытается обратиться к элементу, которого не существует.

Возможные решения:
  • Убедитесь, что элемент, к которому обращаетсь, существует, на самом деле.
  • Расположите JavaScript в нижнюю часть Вашего документа.
...

Карусель фотографий

CSS HTML JavaScript Библиотека JS
Для одной своей идеи, использовал карусель фотографий, взятую из интернета и переписанную под себя. Выложу, как было у меня. Карусель использует библиотеку jQuery, так что придется подключать её, хотя, переписать на чистый JavaScript не составит особого труда.

jQuery:
Выделить
var carouselID = 1, change = 8000;

function carouselStart() {
	if ($('div[data-carousel="carousel"]').length < 1) {
		return false;
	};

	$('div[data-carousel="carousel"]').each(function() {
		$(this).removeAttr('data-carousel').attr('id', 'carousel_' + carouselID);
		carousel('#carousel_' + carouselID);
		carouselID++;
	});
};

$(() => {
	carouselStart();
	window.setInterval(carouselStart, 3000);
});

function carousel(carouselID) {
	var $slr, $sls, interval, $selectors, $btns, currentIndex, nextIndex;
	var cycle = index => {
		var $currentSlide, $nextSlide, $currentSelector, $nextSelector;
		nextIndex        = index !== undefined ? index : nextIndex;
		$currentSlide    =
...

JS: Метод массива forEach()

JavaScript Функция
Метод forEach() перебирает все элементы массива. В качестве параметра используется функция, которая будет работать с каждыми элементом массива.

Пример:
Выделить
const n = [1, 2, 3, 4, 5]

n.forEach(function(num) {
	alert(num);
});
...
Реклама