Здравствуйте. Буду очень рад любой релевантной помощи.
Существует страница примерного вида:
<head>
<script src="1.js">
<script src="3.js">
<script src="4.js">
</head>
Я
расширением (но это по сути не так важно) вставляю на страницу скрипт
window.addEventListener('DOMContentLoaded', function() {
var script = document.createElement('script');
script.src = '2.js';
document.getElementsByTagName('head')[0].appendChild(script);
});
По логике приложения мне необходимо, чтобы этот скрипт загрузился вторым, но, насколько я понял, в связи с тем, что я его вставляю динамически, браузер сначала инициализирует его, а уже потом начинает грузить 1.js.
Какой есть гениальный и не очень способы это исправить? Как заставить браузер загружать скрипт синхронно после 1.js?
Возможно, надо вставлять свой скрипт другим способом, или заставить сначала загрузить 1.js