javascript - 编写 Parent 的 > iFrame 的 > iFrame 内容

Question

我有与此类似的 Html 布局：

父页面 > iFrame

我想编写动态 iframe 和内容，因此布局应该类似于：

Parent > iFrame > 编写新的 iFrame 及其内容

我可以使用此代码为子 iframe 编写 html 内容

父页面 > iFrame > Hello World！

var ifrm = document.getElementById('myIframe');
ifrm = (ifrm.contentWindow) ? ifrm.contentWindow : (ifrm.contentDocument.document) ? ifrm.contentDocument.document : ifrm.contentDocument;
ifrm.document.open();
ifrm.document.write('Hello World!');
ifrm.document.close();

但是我怎样才能在里面写相同的内容：

父页面 > iFrame > iFrame > Hello World ?

所有 iFrame 都在同一个域上。

Answer 1

var ifrm = document.getElementById('myIframe');
ifrm = (ifrm.contentWindow) ? ifrm.contentWindow : (ifrm.contentDocument.document) ? ifrm.contentDocument.document : ifrm.contentDocument;
var childfrm = ifrm.document.createElement('iframe');
childfrm.id = 'myChildIframe'; // repeat for any other properties you need
ifrm.document.body.appendChild(childfrm); // or use insertBefore to add it somewhere specific within the DOM
var childwin = (childfrm.contentWindow) ? childfrm.contentWindow : (childfrm.contentDocument.document) ? childfrm.contentDocument.document : childfrm.contentDocument;
childwin.document.open();
childwin.document.write('Hello World!');
childwin.document.close();

（这是未经测试的，但我认为它会工作）