写父母的> iFrame的> iFrame内容

时间:2012-12-25 12:05:50

标签: javascript iframe

我有Html布局类似于:

父页面> iFrame

我想写动态iframe&内容所以布局应该类似于:

父母> 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都位于同一个域中。

1 个答案:

答案 0 :(得分:0)

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();

(这是未经测试的,但我认为它会起作用)