设置动态创建的iframe的基本代码

问题描述

我正在尝试动态创建iframe，并在创建iframe前对其进行设置.

I'm trying to dynamically create an iframe and set it's base tag before it is created.

ifrm = document.createElement("IFRAME");
ifrm.setAttribute("src", "test.html");
ifrm.style.width = 400+"px";
ifrm.style.height = 100+"px";

//before creating it, can we set he base tag?
//I.E. <base href="http://example.com/MyFolder/" />
var bt = ifrm.contentDocument.createElement("base");
bt.setAttribute("href", "http://www.example.com/Folder/");
ifrm.contentDocument.getElementsByTagName("head")[0].appendChild(bt);

document.body.appendChild(ifrm);

我知道我可以在iframe src文件本身中设置基本标记.但是我需要在这里设置.谢谢.

I know i can set the base tag in the iframes src file itself. But I need to set it here.Thanks.

推荐答案

您可以将<base>元素附加到ifrm.contentDocument.getElementsByTagName("head").

您需要通过调用ifrm.contentDocument.createElement("base")

例如:

var bt = ifrm.contentDocument.createElement("base");
bt.setAttribute(...);
ifrm.contentDocument.getElementsByTagName("head")[0].appendChild(bt);

这篇关于设置动态创建的iframe的基本代码的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！