Как загрузить JS-файл асинхронно?

Question

[Vit]

Есть два JS-скрипта. Первый встраивается на страницу и содержит

document.write(\'<script src="//domain.ru/2.js"></\'+\'script>\'

То есть загружает второй JS-скрипт с другого домена.

Вопрос. Как загрузить первый скрипт асинхронно?

Comments

[Евгений Петров]

Всё, что содержит document.write, нельзя загружать асинхронно.

[Vit]

Евгений Петров: Ok, а есть тогда способ поочередно два JS-файла загрузить?

[Даниил Колесниченко]

Всё, что содержит document.write, нельзя загружать

[Евгений Петров]

Даниил Колесниченко: Нельзя загружать асинхронно, а не вообще загружать.

[Vit]

Даниил Колесниченко: Ok, а есть тогда способ поочередно два JS-файла загрузить?

[Даниил Колесниченко]

Vit: ниже уже про RequireJS написали

Answer 1

[Евгений Петров]

Любой скрипт может сформировать динамически любое количество скриптов.

HTML (загружаем асинхронно скрипт)
<script src="..." async></script>

JS (в асинхронно загружаемом скрипте загружаем асинхронно ещё один скрипт)

var script = document.createElement('script');

script.src = '...';
script.async = true;
document.head.appendChild(script);

Update: При каждой вставке скрипта документ со статуса complete переходит в состояние interactive. Если во втором скрипте нужно делать что-то только после построения DOM, то нужно проверять так:

if (document.readyState != 'loading') {
	// Делаем что нужно
} else {
	document.addEventListener('DOMContentLoaded', function () {
		// Делаем что нужно
	});
}

Answer 2

[Денис Инешин]

Require.js позволит вам загружать любое кол-во js-файлов в любой последовательности и только в тот момент, когда они будут нужны.

Comments

[Vit]

Он сможет загрузить второй JS-файл с другого домена?

[Денис Инешин]

Vit: да откуда угодно.