Загрузка скриптов с тегами HTML-скриптов

Тег HTML-скрипта используется для включения и выполнения кода JavaScript. По умолчанию этот тег принимает атрибут внешнего источника, например scr, для загрузки файла JavaScript. Однако попытки включить встроенный JavaScript в тег скрипта, например:

Происходит сбой без выдачи ошибок.

Почему использование встроенного JavaScript в теге сценария не работает

Причина такого поведения заключается в том, что элемент сценария может загружайте только один источник, внешний или встроенный. Если присутствуют и src, и встроенное содержимое, встроенное содержимое игнорируется. Поэтому:

Не будут загружать указанные скрипты.

Решение: использование нескольких элементов скрипта

Чтобы загрузить несколько скриптов, вам необходимо использовать отдельные элементы скрипта для каждого:

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

Дополнительные примечания

Хотя встроенный JavaScript игнорируется в элементах сценария с внешними источниками, содержимое элемента сценария остается в DOM. Это побудило некоторых разработчиков использовать его для хранения данных, к которым обращаются внешние сценарии. Однако использование атрибутов data-* обычно является более подходящим и понятным подходом для этой цели.