Выполнение динамически добавленного скрипта

Question

Динамически добавляю скрипт в документ.

Если добавляю текстом (script.text = "...";), он запускается сразу же.
Если добавляю внешний скрипт (script.src = "...";), он запустится после того, как закончит выполняться мой.

Т.е. в примере внизу я получу “0 1 2” и “3 3 3” соответственно (в 1.js та же строка – “document.body.innerHTML += i”).

<body>
  <script>
    for (i = 0; i < 3; i++){
      var script = document.createElement('script');
      script.src = "1.js";
    //  script.text = "document.body.innerHTML += i";
      document.body.append(script);
    };
  </script>
</body>

Почему так задумано (я это где-то пропустил)? И как мне запустить 1.js сразу же после добавления?

dom javascript

Yuriy Chaban · Answer

попробуйте добавить async, тоесть браузер при возможности запускает скрипт асинхронно. Это означает, что указанный в атрибуте src файл будет выполняться без ожидания загрузки и отображения веб-страницы

Answered by Yuriy Chaban on January 1, 2022

tcpack4 · Answer

при добавления скрипта с урлом, браузер обращается на этот урл и выполняет его ассинхронно вашему коду. 
это можно увидеть в деббагере браузера Chrome -> Network -> XHR.

сразу выполнить удаленный скрипт невозможно в данном контексте.

Выполнение динамически добавленного скрипта

2 Answers

Add your own answers!

Related Questions

Почему появляется главное окно при вызове massagebox?

Почему и для чего Windows хранит скриншоты?

Работа со списком и текстовым файлом

Как добавить span к ссылкам во вложенном меню?

Как работает Integer.compare?

Pyqt5 QMediaPlayer.position после проигрывания не соответствует реальной позиции в видео

Обращение к контейнеру vector, который находится внутри контейнера map

Как получить вторую форму на странице? jQuery

Оставить только строки, которые содержат определенные слова

Переместить файл в корзину — Python

Почему коммиты Git не загружаются в удаленный репозиторий?

Видео на полный экран с youtube iframe

Rails удалить дубликаты, оставив самые новые записи

Как добавлять новые задачи в async.wait по мере завершения уже запущеных задач?

WPF c# Binding, привязки

Добавление элементов в двумерный массив

Нужно написать функцию, которая принимает на вход 1 число, и возвращает следующее простое число после переданного

Оценить учебный проект для решения задачек

Использование в объекте data множественный ключ

Привязать QThread к QProgressBar и кнопкам

Ask a Question