HTML и JS-код в innerHTML

[mcfly]

Здравствуйте, гуру!
Прошу помощи в нелегкой для меня задаче.

На странице 1 имеется див и инклуд JS-файла.

Возможно ли из этого JS-файла в див поместить смешенный текст HTML+JS (например: Привет <script>alert('HI!');</script>), так чтобы HTML вывелся и JS отработал, как будто я бы этот код изначально в див прописал?

Я знаю как вывести HTML и выполнить JS, но отдельно друг от друга, но строка может содержать беспорядочную последовательность перемешанного HTML и JS-кода.

Спасибо!

[Vlasenko Fedor]

С помощью eval и регулярных выражений

<div id="test"></div>
<script>
  window.onload = function () {
    var txt = "Hi-<script>alert('HI!'); <" + "/script>hi \
        	   Ha-<script>alert('HA!'); <" + "/script>ha";
    test.innerHTML = txt.replace(/<script>(.*?)<\/script>/ig, function (a, b) {
      eval(b);
      return a;
    });
  }
</script>

[mcfly]

Спасибо за ответ.

Я пошел немного дальше и в скрипте своем учитывал не только JS-контейнеры с кодом, но и инклуды:

divObj = document.getElementById('test');
divObj.innerHTML = "ТУТ КОД";
var scripts = divObj.getElementsByTagName("script");
var script;
for(var i = 0; script = scripts[i]; i++)
{
  // Если инклуд JS-скрипта
  if(script.src !== undefined && script.src != '')
  {
    var newScript = document.createElement('script');
    newScript.type = 'text/javascript';
    newScript.src = script.src;
    script.parentNode.insertBefore(newScript, script);
    script.parentNode.removeChild(script);
  }
  // Если просто контейнер с JS-кодом
  else
    eval(script.innerHTML);
}

Все работает отлично. НО, если в инклуде встречается document.write() то FF ругается: Вызов document.write() из асинхронно-загруженного внешнего сценария был проигнорирован.

Можно ли как-то избавиться от этой ошибки и игнора вызова document.write() ?

ADD: Появилась мысль, а что если, при инклуде, через AJAX получать код скрипта и его запускать функцией eval? Это поможет?

[danik.js]

script.src !== undefined

Свойство src никогда не бывает undefined. На скриптах оно всегда определено.

var newScript = document.createElement('script');

А разве script.cloneNode(true) не подходит?

else
    eval(script.innerHTML);

А разве для инлайновых скриптов та же методика перевставки в DOM не подходит? На сколько я знаю с eval'ом траблы кое-какие. Та же jQuery вроде использует вставку в DOM в качестве $.globalEval()

[mcfly]

Свойство src никогда не бывает undefined. На скриптах оно всегда определено.

Вы правы, оставил только script.src != '' в условии

А разве script.cloneNode(true) не подходит?

Заменил с:

var newScript = document.createElement('script');
      newScript.type = 'text/javascript';
      newScript.src = script.src;
      script.parentNode.insertBefore(newScript, script);
      script.parentNode.removeChild(script);

на:

var newScript = script.cloneNode(true);
      script.parentNode.insertBefore(newScript, script);
      script.parentNode.removeChild(script);

Результат - перестал инклудить. Может если делать клон, то клонирование не заставляет script тэг выполниться заново?

А разве для инлайновых скриптов та же методика перевставки в DOM не подходит?

Не совсем понял про какую методику вы имеете в виду и проблема возникает не в инлайновом скрипте, а в инклуженном.

В общем проблема осталась нерешенной: как избавиться от ошибки "Вызов document.write() из асинхронно-загруженного внешнего сценария был проигнорирован".

[danik.js]

      script.parentNode.insertBefore(newScri pt, script);
      script.parentNode.removeChild(script);

Это заменяется на script.parentNode.replaceChild(newScript, script)

Не совсем понял про какую методику вы имеете в виду

имею ввиду что для инлайн-скриптов тоже создавать новый тег, копировать свойство text (не уверен что кроссбраузерно), и заменять старый тег. То есть вообще не делать различий между инлайн/неинлайн скриптами, и обрабатывать одинаково.

как избавиться от ошибки "Вызов document.write()

document.write() не должен вызываться асинхронно. Вообще, после DOMContentLoaded события не должен.
На ум приходит только патч функции document.write (не уверен что кроссбраузерно)