Как динамически вставить и выполнить скрипт на странице?

Question

[tamtakoe]

Есть html-строка со скриптами. Нужно вставить её в body и скрипты при этом должны выполниться. innerHTML и всякие appendы не работают, в инете ничего дельного не нашел. Подскажите легкий (желательно без парсинга строки) и работающий в современных браузерах вариант

Answer 1

[Алексей Ярков]

const script = document.createElement('script');
script.textContent = `строка со скриптами =)`;
document.body.appendChild(script);

И все сразу же выполняется.

Comments

[tamtakoe]

Всё так, только опять же нужно html текст, вытаскивать все теги script и вставлять их по отдельности.

[Алексей Ярков]

tamtakoe,

Есть html-строка со скриптами

А вы не хотите эту строку показать уже?

[tamtakoe]

Алексей Ярков, Там 6000 строк) Это просто сторонний код, который рисует меню. Там и style и script и другие теги. Всё это должно вставляться динамически в конец body и работать.

[tamtakoe]

Ок. Может быть есть готовые решения которые выдирают скрипты и вставляют их по-нормальному?

[Алексей Ярков]

tamtakoe, и в чем трудность?
Через DOMParser преобразуем строку в DOM дерево и аппендим к body.
Не вижу чтобы вы пытались :)

[tamtakoe]

Алексей Ярков, Тогда уж eval'ом проще)

Answer 2

[UndineS]

Посмотрите в сторону функции eval().
Описание: https://learn.javascript.ru/eval

Правда, eval() редко используется. Чаще, если необходимо выполнить какие-либо расчеты после, например, заполнения пользователем какого-то поля, описывается обработчик события (отлавливается клик пользователя на кнопку, отправка формы, наведение курсора куда-либо и т. д.).
Описание: https://learn.javascript.ru/introduction-browser-events

Если расчет достаточно сложный и требует связи с бэкендом - используют AJAX-запросы.

Comments

[tamtakoe]

Как вариант. Правда, нужно искать все теги script и выполнять их содержимое