logo标签列表

iframe的contentDocument和contentWindow为空。

javascriptiframe
7

我正在尝试访问以下代码中iframe的contentDocument和contentWindow。但它们都是null。

    var iframe = document.createElement('iframe');
    this.get__domElement$i().appendChild(iframe);
    if (iframe.contentDocument) {
         iframe.contentDocument.write("Hello");
     }
    else if (iframe.contentWindow) {
         iframe.contentWindow.document.body.innerHTML = "Hello";
     }

有人能告诉我这个代码哪里出了问题吗？谢谢。

当我使用Document.Body.AppendChild(iframe)时，contentDocument和contentWindow是非空的。

有人能告诉我将iframe附加到div时可能出现什么问题吗？

非常感谢。

1个回答
4

我知道有点晚了，但我正在研究这个问题，并偶然发现了你的问题：

我遇到了与你相同的错误，因为当我尝试附加iframe时，我要附加到的div还没有加载完成。如果div已经加载，则您的代码可以正常工作：

<!DOCTYPE html>
<html>
    <head>
    </head>
    <body>
        <div id='test' >

        </div>
        <script>
            var iframe = document.createElement('iframe');
            var myDiv = document.getElementById('test');
            myDiv.appendChild(iframe);
            if (iframe.contentDocument) {
                iframe.contentDocument.write("Hello");
            }
            else if (iframe.contentWindow) {
                iframe.contentWindow.document.body.innerHTML = "Hello";
            }
        </script>
    </body>
</html>

这里有一个jsFiddle，其中包含工作代码，另一个示例中，<script> 标签在 <head> 中会出现错误：TypeError: Cannot call method 'appendChild' of null。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接