Как загрузить JS файл только после полной загрузки страницы?

Question

[rinaz22]

Всем привет! Есть JS код для рекламы. Он довольно сильно влияет на скорость загрузки страницы. JS грузиться с сервиса рекламы. Как сделать так, чтобы он начал грузиться только после полной загрузки страницы?
Например: Заходишь на сайт, загружаются картинки и т.п. Страница полностью загружена и вот только сейчас начинает грузиться JS код рекламы.

Answer 1

[Антон Антон]

<script defer src="script.js">

Comments

[Роман]

совсем забыл про то что есть нативный вариант с defer :)))
Надеюсь что мой вариант автору все же будет полезен, хотя бы для расширения кругозора и понимания того, что так тоже можно)))

Answer 2

[Роман]

Можно сделать как-то так, это вполне рабочий вариант, но так делать не принято:)

// в любом месте страницы, в теге <script> ... </script> пишите следующее:
window.addEventListener('load', function() {
   addScript( "http://you.domain/path/to/script/scriptname.js" );
});

/**
 * функция добавляет новый тэг <script> на страницу, 
 * @param {string} 		url  полные URL добавляемого скрипта
 */
function addScript( url ) {
  let head = document.getElementsByTagName( 'head' )[ 0 ];
  let script = document.createElement( 'script' );
  script.charset="utf-8";
  script.type = 'text/javascript';
  script.src = url;
  head.appendChild( script );
}