动态放置在iframe中的脚本不会执行

Question

上下文

我在一个页面上有一个iframe，我正在动态地在其中插入一个脚本，这样脚本就会被沙盒封住，无法影响外部页面。我希望脚本执行，但它没有。这是为什么？

代码

var iframe = document.getElementsById('/* ... */').contentWindow.document;

var script = '<script>document.write("foo");</script>';
iframe.body.innerHTML = script;

当我这样做时，当我检查DOM时，我可以看到脚本元素被正确地插入到iframe的主体中。但该脚本从未执行。如果我打开Dev Tools并转到Console选项卡，切换到iframe的上下文并键入document.write('foo')；我会看到foo出现在iframe中。但是为什么一旦插入脚本就不执行呢？

Answer 1

尝试类似这样的操作（如果使用jQuery）...

$('#iframe_').contents().find('body').append("My Js Code");