Criando um iframe com determinado HTML dinamicamente
Estou tentando criar um iframe de JavaScript e preenchê-lo com HTML arbitrário, assim:
<code>var html = '<body>Foo</body>';
var iframe = document.createElement('iframe');
iframe.src = 'data:text/html;charset=utf-8,' + encodeURI(html);
</code>eu esperariaiframe para então conter uma janela e um documento válidos. No entanto, este não é o caso:
> console.log (iframe.contentWindow);
nulo
Experimente você mesmo:http://jsfiddle.net/TrevorBurnham/9k9Pe/
O que eu estou negligenciando?