firefox中动态创建的内容iframe问题

Dynamic created content iframe issue in firefox

本文关键字：iframe 问题 动态 创建 firefox      更新时间：2023-09-26

我已经编写了一个javascript函数来创建简单的内容iframe，它在所有浏览器IE9、8、7和chrome中都能正常工作，但在mozilla firefox中却不能工作，我的代码有什么问题？甚至在控制台中没有得到任何异常。

function (parent, child, cssfile, jsfilepath) {
        var iframe = document.createElement('iframe');
        iframe.id = ('MyID' + Math.floor((Math.random() * 1000000000000000000) + 1));
        iframe.frameBorder = '0';
        iframe.scrolling = 'no';
        iframe.marginWidth = '0';
        iframe.marginHeight = '0';
        iframe.hspace = '0';
        iframe.vspace = '0';
        iframe.allowTransparency = "true";
        parent.appendChild(iframe);
        var iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
        var inter = window.setInterval(function() {
             if(iframeDoc.readyState == "complete") {
                 window.clearInterval(inter);
                 iframeDoc.body.innerHTML = child;
                 iframeDoc.body.style.background = "transparent";
                 addExternalCss(cssfile, iframeDoc);
                 addEmbedCss('body {margin:0px; padding:0px;}', iframeDoc);
                 addJs(jsfilepath, iframeDoc);
             }
         },100);
    }

编辑

只是在firebug 中显示空白iframe

<iframe scrolling="no" frameborder="0" id="MyId350236077714409500" marginwidth="0" marginheight="0">
<html><head></head><body></body></html>
</iframe>

我找到了我的答案

function (parent, child, cssfile, jsfilepath) {
        var iframe = document.createElement('iframe');
        iframe.id = ('MyID' + Math.floor((Math.random() * 1000000000000000000) + 1));
        iframe.frameBorder = '0';
        iframe.scrolling = 'no';
        iframe.marginWidth = '0';
        iframe.marginHeight = '0';
        iframe.hspace = '0';
        iframe.vspace = '0';
        iframe.allowTransparency = "true";
        parent.appendChild(iframe);

        var inter = window.setInterval(function() {
             // put inside function 
             var iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
             if(iframeDoc.readyState == "complete") {
                 window.clearInterval(inter);
                 iframeDoc.body.innerHTML = child;
                 iframeDoc.body.style.background = "transparent";
                 addExternalCss(cssfile, iframeDoc);
                 addEmbedCss('body {margin:0px; padding:0px;}', iframeDoc);
                 addJs(jsfilepath, iframeDoc);
             }
         },100);
    }
相关文章：