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

Question

Мне нужно загрузить оставшиеся строки кода на странице после загрузки внешнего файла сценария в зависимости от условия.

if(condtion){
var script = document.createEement("script")
script.type = "text/javascript";
script.src = "****";
document.getEementsByTagName("body")[0].appendChid(script);
afterLoad(callback)
}else{
callback();
}

function callback(){
//remaining lines to execute
}

Answer 1

Вы можете использовать onload плюс обещание загружать скрипты асинхронно.Вот пример:

function loadScript(src) {
  return new Promise(function(resolve, reject) {
    const s = document.createElement('script');
    let r = false;
    s.type = 'text/javascript';
    s.src = src;
    s.async = true;
    s.onerror = function(err) {
      reject(err, s);
    };
    s.onload = s.onreadystatechange = function() {
      // console.log(this.readyState); // uncomment this line to see which ready states are called.
      if (!r && (!this.readyState || this.readyState == 'complete')) {
        r = true;
        resolve();
      }
    };
    const t = document.getElementsByTagName('script')[0];
    t.parentElement.insertBefore(s, t);
  });
}

Этот код был скопирован с https://gist.github.com/james2doyle/28a59f8692cec6f334773007b31a1523