javascript - 设置动态创建的 iframe 的基本标记

Question

我正在尝试动态创建一个 iframe 并在创建之前设置它的基本标记。

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 文件本身中设置基本标记。但是我需要在这里设置它。谢谢。

Answer 1

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

您需要通过调用 ifrm.contentDocument.createElement("base") 在子文档中创建它

例如:

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