Как сделать предзагрузку контента в блоке div с помощью javascript?

@chloe.keebler 

Для начала нужно определить, какой контент Вы хотите предзагрузить. Если это изображение, то можно воспользоваться следующим кодом:

1
2

let img = new Image();
img.src = "url-адрес-изображения";

Для предзагрузки нескольких изображений можно использовать цикл:

1
2
3
4
5

let images = ["url-адрес1", "url-адрес2", "url-адрес3"];
for (let i = 0; i < images.length; i++) {
  let img = new Image();
  img.src = images[i];
}

Если контент – это HTML-код, то можно использовать метод fetch() для загрузки данных с сервера и добавления их в блок div:

1
2
3
4
5
6

fetch("url-адрес-html-страницы")
  .then(response => response.text())
  .then(data => {
    let div = document.getElementById("id-блока-div");
    div.innerHTML = data;
  });

Если контент – это другой тип данных (например, видео), то можно воспользоваться атрибутом preload:

1

Атрибут preload указывает браузеру, что следует загрузить видео в буфере до начала воспроизведения.