Question

我只在IE上遇到此问题（即使在最新版本，如11）。问题是我在我的文档中添加了一个iframe，其中我编写了一些脚本供以后执行。那些脚本最终必须绘制一个图像，问题是我从IE身上获得了IE的边缘。

我无法使用src加载它，它必须是动态的。所以我只是想到了＃34;让我们访问iframe并在身体上写下一些风格＆＃34;。但是当我像这样检索iframe文档时......

var win = (iframe.contentWindow) ? iframe.contentWindow : (iframe.contentDocument.document) ? iframe.contentDocument.document : iframe.contentDocument;

... win.document.body或win.document.querySelector("body")返回null（再次，即11）。

有谁知道如何安全地到达身体？

Answer 1

你可以这样做：

<iframe srcdoc="" id="iframe"></iframe>
<script type="text/javascript">
   var iframe = document.getElementById("iframe");
   iframe.setAttribute("srcdoc", "<style>body{background:red;}</style>");
</script>

演示：http://output.jsbin.com/kaquwilaka

Answer 2

我可以写一些像这样的CSS：

win.document.open();
win.document.write("<style>body{margin:0;}</style>");
//write other stuff
win.document.close();

这样可以避免任何进一步的写作，也可以因为风格可以在头部或身体中。

如何设置空iframe的主体样式？

2 个答案: