Как загрузить страницу потом выполнить скрипт?

Question

[Sedbol]

Как реализуется сначала загрузка DOM дерева потом загрузка скрипта? Где-то я видел на просторах интернета, примерно следующий синтаксис:

<div class="app">//Сюда кладется коллекция из JS </div>

['lilo']="<div>Тут коллекция элементов </div>"=(function() {
//скрипт наполнения контентом
}

Как такое реализуется или примерно такое?
Я конечно понимаю что можно так:

document.addEventListener('DOMContentLoaded', function(){
}, false);
// ИЛИ
window.onload = function() {};

Но все-же интересно кто знает подскажите...

Comments

[Alexandr]

Ловить DOMContentLoaded мне кажется подходящим решением.

Answer 1

[WapSter]

Ну еще можно так <script defer src="script.js"></script>

Comments

[historydev]

Кроссбраузерно?

[WapSter]

Владимир, вполне с ie 10 поддержка

[historydev]

WapSter, огонь

Answer 2

[zkrvndm]

Если нужно дождаться загрузки абсолютно всех ресурсов, включая картинки, то можно так:

window.addEventListener('load', starter); // Ждем полной загрузки стр. и запускаем функцию starter()

function starter() {
    // Произвольный код
}

А в целом ваш вариант правильный:

document.addEventListener('DOMContentLoaded', starter); // Ждем готовности дерева элементов и запускаем starter()

function starter() {
    // Произвольный код
}

Answer 3

[Comsequent]

IIFE
(function (){})()
Ещё один вариант