Как сделать загрузку скрипта после события onload?

Question

[mantovpinets]

Всем доброго времени суток.

Разрабатываю сайт. Так как сайт вполне весомый, то загружается он довольно медленно. Но для того, чтобы пользователь не видел процесс загрузки сайта я сделал прелоадер. Прелоадер я повесил на событие document.body.onload(). Но в загрузке есть процессы, которые можно было бы и открыть пользователю, такие как получение списка видео с Vimeo.com, получение фотографий с vk.com. То есть на момент, когда грузятся эти ресурсы, на месте загрузки отображается анимация "Идёт загрузка" и в принципе для пользователя не обязательно ждать полной загрузки этих ресурсов, так как они загружаются асинхронно через Ajax. Но как сделать так, чтобы прелоадер переставал работать после загрузки страницы, но до загрузки Ajax-данных? В принципе логика может быть такая: в функции onload отключать прелоадер и начинать Ajax-загрузку данных, Но фишка в том, что Ajax логика хранится в другом файле и подключается к файлу отдельным скриптом.

Answer 1

[Abcdefgk]

Можно же вставить отдельный скрипт простым способом

var scrpt = document.createElement('script');
scrpt.src = '.../...';
document.body.appendChild(scrpt);

На этом прелоадер закончится, а вставленный скрипт начнёт исполняться.

Comments

[mantovpinets]

точняк! То что нужно, да, спасибо огромное!

Answer 2

[Егор Казанцев]

гуглите dom ready или DOMContentLoaded.
Ну или в конец страницы суйте js

Comments

[Павел Корнилов]

Да, по DOMContentLoaded останавливать прелоадер, тогда пользователь сможет пользоваться страницей.

[mantovpinets]

KorniloFF, хорошо, спасибо!

[mantovpinets]

Егор Казанцев и вам спасибо!