Tworzenie dynamicznej ramki iframe z danym kodem HTML

Próbuję utworzyć ramkę iframe z JavaScript i wypełnić ją dowolnym kodem HTML, tak jak poniżej:

var html = '<body>Foo</body>';
var iframe = document.createElement('iframe');
iframe.src = 'data:text/html;charset=utf-8,' + encodeURI(html);

oczekiwałbymiframe&nbsp;następnie zawierać prawidłowe okno i dokument. Jednak tak nie jest:

> console.log (iframe.contentWindow);
zero

Wypróbuj to dla siebie:http://jsfiddle.net/TrevorBurnham/9k9Pe/

Co przeoczę?