Как сделать, чтобы js скрипт исполнялся после загрузки DOM?

Question

[iakdrugyelena]

Как сделать так, чтобы js скрипт исполнялся после загрузки DOM, когда все div уже сформированы и до загрузки изображений, желательно, т.е. не ждать загрузки всех картинок?

В данный момент использую GTM (гугл тег менеджер), там можно прямо указать чтобы пользовательский код выполнялся после загрузки DOM.
Но нужно сделать без использования GTM.
И чтобы размещение скрипта было необязательно перед закрывающим body.

Answer 1

[kocherman]

window.addEventListener('DOMContentLoaded', function domLoadedHandler(e){
   /* твой js */
}, false);

Comments

[iakdrugyelena]

Спасибо за ответ!
А если вот такая ситуация:
Я не имею полного доступа к коду, так как пользуюсь конструктором и конструктор тоже использует addEventListener("DOMContentLoaded");
Наверное выполнение их кода будет в приоритете?
GTM вопрос решает, но нужно без него...

[kocherman]

iakdrugyelena, Нет, смотрите документацию https://developer.mozilla.org/ru/docs/Web/API/Even...
Параметры options и useCapture

[iakdrugyelena]

kocherman, Благодарствую) Пойду разбираться, потом отпишусь и решением отмечу. Ещё раз спасибо, Бро)

[kocherman]

iakdrugyelena, да че там разбираться, и так все понятно. То есть смотреть надо на последние параметры, как инициализирует их ваш конструктор и как инициализируете вы. Если там нет параметров или false, то ваш слушатель тоже выполнится

[iakdrugyelena]

kocherman,

if (! window.mainTracker) { window.mainTracker = 'home'; }
(function (d, w, k, o, g) { var n=d.getElementsByTagName(o)[0],s=d.createElement(o),f=function(){n.parentNode.insertBefore(s,n);}; s.type = "text/javascript"; s.async = true; s.key = k; s.id = "homestatscript"; s.src=g; if (w.opera=="[object Opera]") {d.addEventListener("DOMContentLoaded", f, false);} else { f(); } })(document, window, '4d95a71a2df2ab23bf1ea8ca055297ba','script','https://stat.home.com/js/homestat-0.2.min.js');

Вот такая у них штука, их переменную на свою "home" только заменил, чтоб не рекламировать

[kocherman]

iakdrugyelena,

Вставьте вот этот код до того как срабатывает тот что написали выше:

Object.defineProperty(document,'addEventListener',{value:(...a)=>console.log(...a)});
Object.defineProperty(window,'addEventListener',{value:(...a)=>console.log(...a)});
Object.defineProperty(document.head,'insertBefore',{value(...a){console.log(...a);}});