如何编辑about：blank iframe中的内容？

Question

我想编辑about：blank iframe中的内容。 我试过了：

document.getElementById('iframe1').contentWindow.document.body.innerHTML="<p>hello</p>";

我得到了：

  

错误：拒绝访问属性“document”的权限

有人可以帮助我吗？

Answer 1

首先需要open文档，这将在DOM树中创建iframe。

var iframe = document.getElementById('iframe1');
iframe.contentDocument.open();
iframe.contentDocument.close();
iframe.contentDocument.body.innerHTML = '<h1>Hello World!</h1>';

工作fiddle here。

现代浏览器中似乎iframe.contentDocument与iframe.contentWindow.document等效。