Внедрение кода HTML, CSS и JavaScript в iframe

Question

http://net.tutsplus.com/tutorials/html-css-techniques/how-to-inject-custom-html-and-css-into-an-iframe

Позволяет вводить только CSS и HTML.

Как можно внедрить JavaScript в iFrame?Я попытался изменить:

    styleTag = $('<style></style>').appendTo(contents.find('head'));

на

    styleTag = $('<script></script>').appendTo(contents.find('head'));

, но это не сработало.Не могли бы вы помочь?

Демонстрационная ссылка http://nettuts.s3.amazonaws.com/1089_iframe/iframe/iframe.html

Answer 1

Весьма вероятно, что код действительно работает.

К сожалению, в большинстве браузеров вы обнаружите, что он не обновляет DOM, чтобы отражать его.

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

Но опять же, вы вряд ли увидите это в DOM.

Кроме того, вы можете создать тег с помощью стандартного JavaScript и прикрепить к событию, чтобы указать, что он был загружен. Со стандартным Javascript это будет выглядеть примерно так:

var head= document.getElementsByTagName('head')[0];
var script= document.createElement('script');
script.type= 'text/javascript';
script.onreadystatechange= function () {
    if (this.readyState == 'complete') {
        alert("loaded!");
    }
}
script.onload= helper;
script.src= 'helper.js';
head.appendChild(script);

Я не уверен, что это не так, если есть 100% -ное соответствие jQuery этому.