Question

如何创建iframe，我可以设置源代码，而不仅仅是src？是否可以在没有src的情况下创建一个？

Answer 1

//get the iframe
var iFrame =  document.getElementById('iframe_id');

//this is your reference variable for the iframe body tag
var iFrameBody;

//get the body
if (iFrame.contentDocument ){// FF
    iFrameBody = iFrame.contentDocument.getElementsByTagName('body')[0];
}
else if ( iFrame.contentWindow ){ // IE
    iFrameBody = iFrame.contentWindow.document.getElementsByTagName('body')[0];
}
else {
    iFrameBody = iFrame.contentDocument.body
}

iFrameBody.innerHTML = "i should be in the iframe";

的引用：

请注意，这与“同源政策”

绑定

Answer 2

此外，您实际上可以动态地写入所需的文档，如下所示：

<html>
<body>
<script type="text/javascript">
    var wnd = window.open();
    wnd.document.open("text/html");
    wnd.document.write("<h1>Hello World!</h1>");
    wnd.document.close();
</script>

</body>
</html>

此代码打开输出流（在新窗口中; about：blank），写入一些文本，然后关闭输出流。

open（）方法打开一个输出流，以收集来自任何document.write（）或document.writeln（）方法的输出。

执行完所有写操作后，document.close（）方法会导致显示写入输出流的任何输出。

注意：如果目标中已存在文档，则将清除该文档。如果没有调用document.open（）来开始编写，则每次调用write / writeLn都会立即呈现内容。因此，出于性能原因，打开和关闭是很好的，以便开始和结束写作。所有主流浏览器都支持。

参考文献：W3C: document.open

如何制作自己的iframe？

2 个答案: