Как в документ вставить тег script чтобы он запустился?

Question

[aftar]

Добрый день!
Допустим есть переменная
let item = '<script>console.log("work")</script>';

Мне ее нужно вставить в документ и чтобы скрипт сработал.
Если делать вот так, то скрипт не срабатывает.

let item = '<script>console.log("work")</script>';
document.body.insertAdjacentHTML('beforeend', item);

Если делать вот так, то срабатывает но такой способ не подходит

let item = document.createElement('script');
item.innerHTML = "console.log('work')";
document.body.insertAdjacentElement('beforeend', item);

Подскажите плиз, может кто знает как сделать.

Comments

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

но такой способ не подходит

Почему?

[v3shin]

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

Answer 1

[Aetae]

Не подходит

Что значит не подходит? Зевс в тебя молнией фигачит, когда ты так делаешь?
Любая вставка <script> как HTML не исполняется. По спеке. Только создание ноды и вставка оной.
Ну либо document.write - но это, очевидно, только на стадии загрузки страницы.

Comments

[aftar]

Потому что они уже в таком виде приходят. Может придти еще с комментариями. И нужно вставить на страницу. Тогда придется все это дело обработать, поубирать теги.. заново создать и вставить.

Поэтому я и спросил, может есть другой вариант

[Владимир]

aftar, "поубирать" теги script - сверх задача.

[Aetae]

aftar, если на странице где-то юзается jquery то .html() из коробки это делает.
Но вобще нехрен пересылать html кусками, тем более со скриптами. Надо отделять данные от всего остального.

[aftar]

Aetae, нужно на js сделать.

Да я понимаю что это хрень, но такая задача.
Есть админка в которой клиент вставляет скрипты...это дело сохраняется в json и при загрузке парсится.
Сразу на страницу выводить нельзя. нужно именно через файл.

А клиент будет кидать такого вида...буду думать как это распарсить)

<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
   (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
   m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
   (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");

   ym(11111111, "init", {
        clickmap:true,
        trackLinks:true,
        accurateTrackBounce:true
   });
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/11111111" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->

[Aetae]

aftar, парсить не надо, вставляй как есть а потом пройдись replaceChild.
Можешь те же сорцы jquery посмотреть. Ну и с гарантией есть какой-нить готовый npm пакет спецом для этой хрени.