1

в jquery можно сделать так:

$('#bla').html('hello<script>alert(1)<\/script>');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id='bla'></div>

при этом вставляется текст и запускается скрипт.

как сделать то же самое, только без jQuery?

пробую через innerHTML, но оно только добавляет html, но не выполняет код

1

2 ответа 2

2

При условии наличия только инлайн-скриптов на js так:

var dest = document.getElementById('dest');
var html = 'hello<script>console.log(1)<\/script> world<script>console.log(2)<\/script>!';

dest.innerHTML = html;

for (var s of dest.querySelectorAll('script')) {
  (1,eval)(s.textContent);
}
<div id='dest'></div>

6
  • а если не только инлайн скрипты? 25 сен 2017 в 10:50
  • 1
    Тогда надо их поштучно проверять на src, вызывать загрузку скриптов, ждать, пока они выполнятся и переходить к следующему.
    – Qwertiy
    25 сен 2017 в 11:30
  • а как их вызывать? те что с src 25 сен 2017 в 11:39
  • 1
    document.createElement('script') и так далее.
    – Qwertiy
    25 сен 2017 в 11:40
  • 1
    @Ивашка, habrahabr.ru/post/182310 var script = document.createElement('script'); script.src = src; document.head.appendChild(script); Подписаться на script.onload. Ну и собрать это воедино через ru.stackoverflow.com/a/708782/178988 PS: Попозже напишу, если не забуду.
    – Qwertiy
    26 сен 2017 в 12:18
1

Как вариант - добавляй js-код в фунцию и выполняй ее после добавления блока на страницу.

UPD:

Пример решения:

Если так важен именно инлайн скрипт, то переделаем его следующим образом. Оберене все его содержимое в одну функцию, которую будем вызывать.

var inner = 'hello<script>function onready() { alert(1); }<\/script>';
document.getElementById('bla').innerHTML = inner;
onready();
<div id="bla"></div>

3
  • 1
    То ли не ответ на вопрос, то ли ответ слишком непонятен
    – andreymal
    25 сен 2017 в 10:10
  • @andreymal привел пример того, что имел ввиду 25 сен 2017 в 21:30
  • 1
    перенес код в сниппет, можно заметить, что твой пример не работает
    – Grundy
    25 сен 2017 в 21:35

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.